Bug where widget included app header (#2314)

hackforla · Jan 4, 2025 · 1c2c82b · 1c2c82b
1 parent ff849d1
commit 1c2c82b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/client/src/Routes.jsx b/client/src/Routes.jsx
@@ -7,6 +7,9 @@ import { Navigate, Outlet, Route, Routes } from "react-router-dom";
 import Fallback from "./components/Fallback";
 import PrivateRoute from "./components/PrivateRoute";
 import Toast from "components/UI/Toast";
+import {
+  useWidget,
+} from "./appReducer";
 
 const VerificationAdmin = lazy(() =>
   import("components/Admin/VerificationAdmin")
@@ -196,6 +199,7 @@ export default function AppRoutes() {
 }
 
 function AppWrapper() {
+    const isWidget = useWidget();
   return (
     <Grid
       container
@@ -211,7 +215,7 @@ function AppWrapper() {
         overflowX: "hidden",
       }}
     >
-      <Header />
+      {isWidget ? null : <Header />}
       <Outlet />
       <Toast />
     </Grid>

diff --git a/client/src/components/FoodSeeker/SearchResults/layouts/Desktop.jsx b/client/src/components/FoodSeeker/SearchResults/layouts/Desktop.jsx
@@ -3,13 +3,15 @@ import {
   useFilterPanel,
   useListPanel,
   useAppDispatch,
+  useWidget
 } from "../../../../appReducer";
 import DrawerLeftArrowButton from "../../../../icons/DrawerLeftArrowButton";
 import DrawerRightArrowButton from "../../../../icons/DrawerRightArrowButton";
 
 const DesktopLayout = ({ filters, list, map }) => {
   const isFilterPanelOpen = useFilterPanel();
   const isListPanelOpen = useListPanel();
+  const isWidget = useWidget();
   const dispatch = useAppDispatch();
 
   const toggleDrawer = (event) => {
@@ -51,7 +53,7 @@ const DesktopLayout = ({ filters, list, map }) => {
             width: "524px",
             transition: "left .5s ease-in-out",
             left: isListPanelOpen ? leftPostion : "-524px",
-            top: "120px",
+            top: isWidget ? "62px": "126px",
             height: "calc(100% - 120px)",
             zIndex: 3,
             background: "white",