Grocery tips

bussifinder/src/App.js

@@ -30,6 +30,7 @@ import LocationBasedPredict from './components/LocationBasedPredict';
 import MultipleResultG from './components/Grocery Input/MultipleResultG'
 import FactorDetails from './components/FactorDetails';
 import AdminDashboard  from './components/Admin/AdminDashboard';
+import GroceryTips from './components/Grocery Input/groceryTips'
 
 const store = configureStore({
   reducer: {
@@ -67,6 +68,7 @@ function App() {
           <Route path="/multipleResultG" element={<MultipleResultG/>} />
           <Route path="/Factor%20Details" element={<FactorDetails />} />
           <Route path="/AdminDashboard" element={<AdminDashboard />} />
+          <Route path="/GroceryTips" element={<GroceryTips />} />
         </Route>
       </Routes>
       <Footer />

bussifinder/src/components/Grocery Input/InputDetails.js

@@ -76,6 +76,9 @@ export default function InputDetails() {
         }
     }, [businessDetails]);
 
+const showTips = () =>{
+navigate(`/GroceryTips`) 
+}
     const handleNext = () => {
         setActiveStep(activeStep + 1);
         if (activeStep === steps.length - 1 && businessDetails && businessDetails.value[0].type == 'Grocery') {
@@ -358,6 +361,13 @@ export default function InputDetails() {
                                     >
                                         {activeStep === steps.length - 1 ? 'Proceed' : 'Next'}
                                     </Button>
+                                    <Button
+                                        variant="contained"
+                                        onClick={showTips}
+                                        sx={{ mt: 3, ml: 1 }}
+                                    >
+                                        Tips
+                                    </Button>
                                 </Box>
                             </React.Fragment>)}
                     </React.Fragment>