[#40] Add /apply route with address selector

frontend/src/pages/ApplyPage.jsx

@@ -0,0 +1,45 @@
+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";
+
+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>
+);
+
+export default ApplyPage;

frontend/src/pages/MainPage.js

@@ -1,39 +0,0 @@
-import React from 'react'
-import { Container } from 'reactstrap';
-import Stepper from '../components/Stepper'
-import Header from '../components/Header'
-export default class MainPage extends React.Component {
-
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            filters: {}
-        }
-
-        this.updateFilterState = this.updateFilterState.bind(this);
-        this.resetFilterState = this.resetFilterState.bind(this);
-    }
-
-   
-    updateFilterState(newFilter) {
-        this.setState({ filters: Object.assign(this.state.filters, newFilter) })
-    }
-
-    resetFilterState() {
-        this.setState({ filters: {} })
-    }
-
-    render() {
-        return (
-            <Container fluid className='main-container p-0'>
-                <Header/>
-                <Stepper 
-                    filters={this.state.filters} 
-                    updateFilterState={this.updateFilterState} 
-                    resetFilterState={this.resetFilterState} />
-            </Container>
-        )
-    }
-
-}

frontend/src/pages/MainPage.jsx

@@ -0,0 +1,51 @@
+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";
+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";
+
+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>
+);
+
+export default MainPage;

frontend/src/pages/RegisterPage.jsx

@@ -1,5 +0,0 @@
-const RegisterPage = () => {
-  return <></>;
-};
-
-export default RegisterPage;