Ukryj AvailabilitySearch i SlotFinder po przejsciu do kroku 3 wizarda

src/components/BookingWizard.jsx

@@ -12,7 +12,7 @@ import styles from './BookingWizard.module.scss';
 const STEPS = ['Service', 'Date & Time', 'Requirements', 'Summary'];
 const todayISO = () => new Date().toISOString().split('T')[0];
 
-const BookingWizard = ({ prefillSlot, onPrefillUsed }) => {
+const BookingWizard = ({ prefillSlot, onPrefillUsed, onStepChange }) => {
   const { user } = useAuth();
   const [step, setStep] = useState(1);
   const [data, setData] = useState({ serviceId: '', date: '', time: '', specialRequirements: '' });
@@ -57,8 +57,8 @@ const BookingWizard = ({ prefillSlot, onPrefillUsed }) => {
     return Object.keys(errs).length === 0;
   };
 
-  const next = () => { if (validate()) setStep((s) => s + 1); };
-  const back = () => { setFieldErrors({}); setStep((s) => s - 1); };
+  const next = () => { if (validate()) { const s = step + 1; setStep(s); onStepChange?.(s); } };
+  const back = () => { setFieldErrors({}); const s = step - 1; setStep(s); onStepChange?.(s); };
 
   const handlePaymentSuccess = (paymentData) => {
     createReservation({
@@ -79,6 +79,7 @@ const BookingWizard = ({ prefillSlot, onPrefillUsed }) => {
     setFieldErrors({});
     setDone(false);
     setReceipt(null);
+    onStepChange?.(1);
   };
 
   const selectedService = services.find((s) => s.id === data.serviceId);

src/pages/DashboardPage.jsx

@@ -18,6 +18,7 @@ const DashboardPage = () => {
   const { user, logout } = useAuth();
   // useState do przechowywania stanu prefillSlot, który jest używany do wstępnego wypełnienia formularza rezerwacji wybranym slotem
   const [prefillSlot, setPrefillSlot] = useState(null);
+  const [wizardStep, setWizardStep] = useState(1);
   // useState do przechowywania stanu profileOpen, który jest używany do otwierania i zamykania modala edycji profilu
   const [profileOpen, setProfileOpen] = useState(false);
   // custom hook useUserReservations pobiera rezerwacje zalogowanego użytkownika z API i zwraca je w data
@@ -57,15 +58,19 @@ const DashboardPage = () => {
       </header>
 
       <main className={styles['dashboard__main']}>
+        {wizardStep < 3 && (
+          <>
             <AvailabilitySearch onSelectSlot={setPrefillSlot} />
-
             <SlotFinder onSelectSlot={setPrefillSlot} />
+          </>
+        )}
 
         <div className={styles['dashboard__grid']}>
           <section className={styles['dashboard__booking']}>
             <BookingWizard
               prefillSlot={prefillSlot}
               onPrefillUsed={() => setPrefillSlot(null)}
+              onStepChange={setWizardStep}
             />
           </section>
           <aside className={styles['dashboard__aside']}>