[#40] Bulk PDF export

- frontend changes

frontend/src/components/steps/soilvariant/SoilSelector.jsx

@@ -7,6 +7,7 @@ import FormControl from "@mui/material/FormControl";
 import FormHelperText from "@mui/material/FormHelperText";
 import Tooltip from "@mui/material/Tooltip";
 import staticText from "../../../assets/data/staticText.json";
+import { useFilter } from "../../providers/FilterProvider";
 
 const WET_SOIL_DESCRIPTION = (
   <p>
@@ -53,24 +54,26 @@ const MESIC_SOIL_DESCRIPTION = (
   </p>
 );
 
-export default function SoilSelector(props) {
-  const [value, setValue] = React.useState(props.filters.soilVariant);
+export default function SoilSelector({setNextDisabled}) {
+  const { filters, updateFilters } = useFilter();
+
+  const [value, setValue] = React.useState(filters.soilVariant);
   const [helperText, setHelperText] = React.useState(
     staticText.steps.soil.optionsHelperText
   );
 
   React.useEffect(() => {
-    if (props.filters.soilVariant) {
-      props.setNextDisabled(false);
+    if (filters.soilVariant) {
+      setNextDisabled(false);
     }
-  });
+  }, [filters, setNextDisabled]);
 
   const handleRadioChange = (event) => {
     const soilVariantSelection = event.target.value;
     setValue(soilVariantSelection);
     setHelperText(" ");
-    props.updateFilterState({ soilVariant: soilVariantSelection });
-    props.setNextDisabled(false);
+    updateFilters({ soilVariant: soilVariantSelection });
+    setNextDisabled(false);
   };
 
   return (

frontend/src/components/steps/soilvariant/SoilStep.jsx

@@ -1,10 +1,15 @@
+import { useState } from 'react';
 import Step from "../Step";
 import SoilSelector from "./SoilSelector";
 import StepInformation from "../StepInformation";
 import staticText from "../../../assets/data/staticText.json";
 import soilBackgroundImage from "../../../assets/img/stepBackgrounds/step2.jpg";
+import { StepperFooter } from '../../providers/StepperProvider';
+
 
 export default function SoilVariantStep(props) {
+  const [nextDisabled, setNextDisabled] = useState(true);
+
   const SOIL_DESCRIPTION = (
     <p>
       From your site location, we use{" "}
@@ -36,15 +41,18 @@ export default function SoilVariantStep(props) {
 
   const soilVarientSelectionPanel = (
     <div className="p-5">
-      <SoilSelector {...props} />
+      <SoilSelector setNextDisabled={setNextDisabled} />
     </div>
   );
 
   return (
-    <Step
-      informationComponent={soilVarientInfoPanel}
-      selectionComponent={soilVarientSelectionPanel}
-      backgroundImage={soilBackgroundImage}
-    />
+    <>
+      <Step
+        informationComponent={soilVarientInfoPanel}
+        selectionComponent={soilVarientSelectionPanel}
+        backgroundImage={soilBackgroundImage}
+      />
+      <StepperFooter nextDisabled={nextDisabled} />
+    </>
   );
 }