jare2473/studentportalen-prototyping
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

booking-flow-finalized-design kindaaaa #7

Merged
jare2473 merged 20 commits from booking-flow-finalized-design into main 2025-09-30 10:50:54 +02:00
Conversation 0 Commits 20 Files Changed 59 +8 -3
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 7b9c80f97f - Show all commits

2
my-app/src/components/booking/BookingCard.jsx
View File

@@ -30,7 +30,7 @@ function BookingCard({
// Custom hooks
const bookingState = useBookingCardState(booking, isExpanded, isModalOpen);
const { effectiveEditMode } = useResponsiveMode(editMode, isExpanded, isModalOpen, onClick, setIsModalOpen);
const actions = useBookingActions(booking, bookingState, onBookingUpdate, onBookingDelete, onClick, effectiveEditMode, setIsModalOpen);
const actions = useBookingActions(booking, bookingState, onBookingUpdate, onBookingDelete, onClick, effectiveEditMode, setIsModalOpen, onOptionsToggle, isOptionsExpanded);
// Create a local booking context for the components
const localBookingContext = {

9
my-app/src/hooks/useBookingActions.js
View File

@@ -2,7 +2,7 @@ import { useCallback } from 'react';
import { PEOPLE } from '../constants/bookingConstants';
import { hasBookingChanges } from '../utils/bookingUtils';
export function useBookingActions(booking, bookingState, onBookingUpdate, onBookingDelete, onClick, effectiveEditMode, setIsModalOpen) {
export function useBookingActions(booking, bookingState, onBookingUpdate, onBookingDelete, onClick, effectiveEditMode, setIsModalOpen, onOptionsToggle, isOptionsExpanded) {
const {
calculatedEndTime,
setCalculatedEndTime,
@@ -55,10 +55,15 @@ export function useBookingActions(booking, bookingState, onBookingUpdate, onBook
if (effectiveEditMode === 'modal') {
setIsModalOpen(false);
setActiveView('closed');
// Close options accordion if it's expanded
if (isOptionsExpanded) {
onOptionsToggle();
}
} else {
onClick(); // Close the expanded view
}
}, [hasChanges, onBookingUpdate, booking, editedTitle, editedParticipants, calculatedEndTime, effectiveEditMode, setIsModalOpen, onClick]);
}, [hasChanges, onBookingUpdate, booking, editedTitle, editedParticipants, calculatedEndTime, effectiveEditMode, setIsModalOpen, onClick, setActiveView, onOptionsToggle, isOptionsExpanded]);
const handleCancel = useCallback(() => {
resetState();