lightweight/right-tree
1
0
Fork 0
Code Issues 17 Pull requests Projects Releases Packages Wiki Activity Actions

[#40] Bulk PDF export

Browse source 
- frontend changes
This commit is contained in:
Matthew Northcott 2023-02-21 16:58:20 +13:00
parent 3f9f816a7e
commit 9ac545a6d4
24 changed files with 393 additions and 301 deletions
Download patch file Download diff file Expand all files Collapse all files

54
frontend/src/pages/ApplyPage.jsx
View file

@ -1,45 +1,29 @@
import { Container } from "reactstrap";
import Stepper from "../components/Stepper";
import Header from "../components/Header";
import AddressStep from "../components/steps/address/AddressStep";
import SoilStep from "../components/steps/soilvariant/SoilStep";
import HabitatStep from "../components/steps/habitat/HabitatStep";
import ZoneStep from "../components/steps/zone/ZoneStep";
import SummaryStep from "../components/steps/summary/SummaryStep";
import { StepperWizard } from "../components/providers/StepperProvider";
import CompleteStep from "../components/steps/complete/CompleteStep";
import { useFilter } from "../components/providers/FilterProvider";
const ApplyPage = () => (
<Container fluid className="main-container p-0">
<Header />
<Stepper
steps={[
{
label: "Enter address",
component: AddressStep,
tooltip: "Enter your address",
},
{
label: "Choose soil",
component: SoilStep,
tooltip: "Describe the moisture content of your soil",
},
{
label: "Choose habitat",
component: HabitatStep,
tooltip: "Specify type of landscape to be planted",
},
{
label: "Select zone",
component: ZoneStep,
tooltip: "Specify geographical detail",
},
{
label: "Submit",
component: SummaryStep,
tooltip: "Submit your application",
},
]}
/>
</Container>
);
const ApplyPage = () => {
const { submit } = useFilter();
return (
<Container fluid className="main-container p-0">
<Header />
<StepperWizard>
<AddressStep label="Enter address" tooltip="Enter your address" />
<SoilStep label="Choose soil" tooltip="Describe the moisture content of your soil" />
<HabitatStep label="Choose habitat" tooltip="Specify type of landscape to be planted" />
<ZoneStep label="Select zone" tooltip="Specify geographical detail" />
<SummaryStep label="Summary" tooltip="Check your inputs" onSubmit={submit} />
<CompleteStep label="Complete" tooltip="Complete your application" />
</StepperWizard>
</Container>);
};
export default ApplyPage;

55
frontend/src/pages/MainPage.jsx
View file

@ -1,5 +1,4 @@
import { Container } from "reactstrap";
import Stepper from "../components/Stepper";
import Header from "../components/Header";
import LocationStep from "../components/steps/location/LocationStep";
import SoilStep from "../components/steps/soilvariant/SoilStep";
@ -7,45 +6,21 @@ import HabitatStep from "../components/steps/habitat/HabitatStep";
import ZoneStep from "../components/steps/zone/ZoneStep";
import SummaryStep from "../components/steps/summary/SummaryStep";
import ResultsStep from "../components/steps/results/ResultsStep";
import { StepperWizard } from "../components/providers/StepperProvider";
const MainPage = () => (
<Container fluid className="main-container p-0">
<Header />
<Stepper
steps={[
{
label: "Select location",
component: LocationStep,
tooltip: "Click on a location on the map",
},
{
label: "Choose soil",
component: SoilStep,
tooltip: "Describe the moisture content of your soil",
},
{
label: "Choose habitat",
component: HabitatStep,
tooltip: "Specify type of landscape to be planted",
},
{
label: "Select zone",
component: ZoneStep,
tooltip: "Specify geographical detail",
},
{
label: "Summary",
component: SummaryStep,
tooltip: "Check your inputs",
},
{
label: "Results",
component: ResultsStep,
tooltip: "List of plant species and user guide",
},
]}
/>
</Container>
);
const MainPage = () => {
return (
<Container fluid className="main-container p-0">
<Header />
<StepperWizard>
<LocationStep label="Select location" tooltip="Click on a location on the map" />
<SoilStep label="Choose soil" tooltip="Describe the moisture content of your soil" />
<HabitatStep label="Choose habitat" tooltip="Specify type of landscape to be planted" />
<ZoneStep label="Select zone" tooltip="Specify geographical detail" />
<SummaryStep label="Summary" tooltip="Check your inputs" />
<ResultsStep label="Results" tooltip="List of plant species and user guide" />
</StepperWizard>
</Container>);
};
export default MainPage;