Faisu0p Comments - Answer Overflow

Faisu0p

•Created by dAVE on 1/27/2025 in #front-end

Problem with the responsiveness of website for and images

as i can see from that website , it seems like u r not properly using the media queries ..also cant say much without having a look at the code

4 replies

KPCKevin Powell - Community

•Created by WhiteTiger on 1/27/2025 in #front-end

What do you think about my html?

The code looks fine, but the class names could be better managed. I’d recommend avoiding unique class names for everything and instead using a more reusable approach like BEM.

8 replies

KPCKevin Powell - Community

•Created by Faisu0p on 1/11/2025 in #front-end

Need Help with Multi Step Form Submission - specifically handlePreviousStep Function()

Thanks for Help to Nobody ,,,, i fixed it myself

4 replies

KPCKevin Powell - Community

•Created by Faisu0p on 1/11/2025 in #front-end

Need Help with Multi Step Form Submission - specifically handlePreviousStep Function()

Code from Parent Page

  const handleNextStep = (data, setter) => {
    console.log("Data from previous step:", data);
    setter(data);
    setStep(step + 1);
  };

  const handlePreviousStep = () => {
    setStep(step - 1);
  };;

  const handleNextStep = (data, setter) => {
    console.log("Data from previous step:", data);
    setter(data);
    setStep(step + 1);
  };

  const handlePreviousStep = () => {
    setStep(step - 1);
  };;

{/* Form Content */}
      <div className="project-add-form-content">
        {step === 1 && <ProjectForm onNext={(data) => handleNextStep(data, setProjectData)} onPrevious=      {handlePreviousStep} />}
        {step === 2 && <PhaseForm onNext={(data) => handleNextStep(data, setPhases)} onPrevious={handlePreviousStep} />}
        {step === 3 && <AmenityForm onNext={(data) => handleNextStep(data, setAmenities)} amenities={amenities} onPrevious={handlePreviousStep} />}
        {step === 4 && <ReviewPage data={projectData} phases={phases} amenities={amenities} onSubmit={handleSubmit} />} {/* Pass handleSubmit to ReviewPage */}
      </div>

{/* Form Content */}
      <div className="project-add-form-content">
        {step === 1 && <ProjectForm onNext={(data) => handleNextStep(data, setProjectData)} onPrevious=      {handlePreviousStep} />}
        {step === 2 && <PhaseForm onNext={(data) => handleNextStep(data, setPhases)} onPrevious={handlePreviousStep} />}
        {step === 3 && <AmenityForm onNext={(data) => handleNextStep(data, setAmenities)} amenities={amenities} onPrevious={handlePreviousStep} />}
        {step === 4 && <ReviewPage data={projectData} phases={phases} amenities={amenities} onSubmit={handleSubmit} />} {/* Pass handleSubmit to ReviewPage */}
      </div>