feat: build footer (#3)

mrhrifat · Aug 17, 2022 · 2c869eb · 2c869eb
1 parent 85f1a4e
commit 2c869eb
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/src/Root.jsx b/src/Root.jsx
@@ -1,7 +1,12 @@
 import { Box, CssBaseline } from "@mui/material";
+import Footer from "components/Footer";
+import FooterMenu from "components/FooterMenu";
 import Header from "components/Header";
+import LocationCard from "components/LocationCard";
+import MobileFooter from "components/MobileFooter";
 import OptionsTab from "components/OptionTabs";
 import React from "react";
+import { displayOnDesktop } from "themes/commonStyles";
 
 const Root = () => {
   return (
@@ -17,6 +22,20 @@ const Root = () => {
         <Box>
           <Header />
           <OptionsTab />
+          <LocationCard />
+          <Box
+            sx={{
+              display: { xs: "flex", md: "none" },
+            }}
+          >
+            <MobileFooter />
+          </Box>
+        </Box>
+        <Box sx={{ display: { xs: "flex", md: "none" } }}>
+          <FooterMenu />
+        </Box>
+        <Box sx={displayOnDesktop}>
+          <Footer />
         </Box>
       </Box>
     </>