hide menu footer if restaurant close

src/pages/menu/components/MenuList/ProductCard.module.css

@@ -85,3 +85,14 @@
 .itemDescriptionIcons svg {
   fill: inherit;
 }
+
+/* Badge positioning for RTL */
+:global(.ant-app-rtl) .productLink :global(.ant-badge) :global(.ant-badge-count) {
+  right: auto !important;
+  left: 0px !important;
+}
+
+:global(.ant-app-ltr) .productLink :global(.ant-badge) :global(.ant-badge-count) {
+  right: 0px !important;
+  left: auto !important;
+}

src/pages/menu/components/MenuList/ProductCard.tsx

@@ -6,7 +6,6 @@ import { colors } from "ThemeConstants.ts";
 import { ItemDescriptionIcons } from "components/ItemDescriptionIcons/ItemDescriptionIcons.tsx";
 import { StarOutlined } from "@ant-design/icons";
 import ImageWithFallback from "components/ImageWithFallback";
-import { AddToCartButton } from "pages/menu/components/AddToCartButton/AddToCartButton.tsx";
 import { Product } from "utils/types/appTypes.ts";
 import useBreakPoint from "hooks/useBreakPoint.ts";
 import { useAppSelector } from "redux/hooks.ts";

src/pages/menu/page.tsx

@@ -148,7 +148,7 @@ function MenuPage() {
             </Space>
           </div>
 
-          <MenuFooter />
+          {restaurant && restaurant.isOpened && <MenuFooter />}
 
           <ScrollEventHandler />
           <FloatingButton />