fixes

src/pages/checkout/page.tsx

@@ -32,6 +32,7 @@ export default function CheckoutPage() {
     coupon,
     customerName,
     tip,
+    restaurant,
   } = useAppSelector(selectCart);
   const { token } = useAppSelector((state) => state.auth);
   useEffect(() => {
@@ -136,9 +137,13 @@ export default function CheckoutPage() {
             {/* {orderType !== OrderType.Redeem && orderType !== OrderType.Gift && (
               <RewardWaiterCard />
             )} */}
-            {orderType !== OrderType.Redeem && orderType !== OrderType.Gift && (
+            {orderType !== OrderType.Redeem &&
+            orderType !== OrderType.Gift &&
+            restaurant?.is_loyalty_enabled === 1 &&
+            (restaurant?.customer_loyalty_points ?? 0) >
+              (restaurant?.loyalty_stamps ?? 0) ? (
               <EarnLoyaltyPointsCard />
-            )}
+            ) : null}
             <BriefMenuCard />
             {/* <Ads1 /> */}
             <OrderSummary />

src/pages/product/components/ExtraGroupsContainer.tsx

@@ -1,7 +1,5 @@
 import { Divider } from "antd";
-import ProText from "components/ProText";
 import { Dispatch, SetStateAction } from "react";
-import { useTranslation } from "react-i18next";
 
 import { TheExtrasGroup } from "utils/types/appTypes";
 
@@ -16,7 +14,6 @@ export default function ExtraGroupsContainer({
   selectedExtrasByGroup: Record<number, string[]>;
   setSelectedExtrasByGroup: Dispatch<SetStateAction<Record<number, string[]>>>;
 }) {
-  const { t } = useTranslation();
 
   return (
     <>
@@ -24,7 +21,7 @@ export default function ExtraGroupsContainer({
         <div>
           <Divider style={{ margin: "0 0 16px 0" }} />
 
-          <div
+          {/* <div
             style={{
               display: "flex",
               justifyContent: "space-between",
@@ -38,7 +35,7 @@ export default function ExtraGroupsContainer({
             <ProText strong style={{ fontSize: "0.75rem" }}>
               {t("menu.optional")}
             </ProText>
-          </div>
+          </div> */}
 
           {/* <ProText strong style={{ fontSize: "0.75rem" }}>
                         {t("menu.choose1")}

src/pages/restaurant/page.tsx

@@ -41,9 +41,7 @@ export default function RestaurantPage() {
   const param = useParams();
   const [searchParams] = useSearchParams();
   const { pathname } = useLocation();
-  const { orderType } = useAppSelector(
+  const { orderType } = useAppSelector((state) => state.order);
-    (state) => state.order,
-  );
   const { isRTL } = useAppSelector((state) => state.locale);
   const { data: restaurant, isLoading } = useGetRestaurantDetailsQuery(
     param.subdomain,
@@ -119,7 +117,7 @@ export default function RestaurantPage() {
             <Link to={`https://www.instagram.com/${restaurant?.instagram}`}>
               <InstagramIcon className={styles.socialIcon} />
             </Link>
-            <Link to="https://x.com/">
+            {/* <Link to="https://x.com/">
               <XIcon className={styles.socialIcon} />
             </Link>
             <Link to="https://www.snapchat.com/">
@@ -127,7 +125,7 @@ export default function RestaurantPage() {
             </Link>
             <Link to="https://www.jordan.com/">
               <JIcon className={styles.socialIcon} />
-            </Link>
+            </Link> */}
           </div>
         </div>
       </div>