chore: remove unnecessary features

Author: pooriaset

src/app/[locale]/(main)/(container)/products/[...params]/components/BuyBox.tsx

@@ -3,6 +3,7 @@
 import { useProductContext } from '@/app/[locale]/(main)/(container)/products/[...params]/hooks/useProductContext';
 import CartItemController from '@/components/CartItemController/CartItemController';
 import useNewDialog from '@/components/Dialog/hooks/useNewDialog';
+import { DesktopView, MobileView } from '@/components/ResponsiveDesign';
 import ButtonWithLoading from '@/components/common/ButtonWithLoading';
 import DiscountPercentage from '@/components/common/DiscountPercentage';
 import OldPrice from '@/components/common/OldPrice';
@@ -15,35 +16,21 @@ import {
   StockStatusEnum,
 } from '@/graphql/types/graphql';
 import useAddOrUpdateCartItem from '@/hooks/useAddOrUpdateCartItem';
-import { useAppContext } from '@/hooks/useAppContext';
 import useCartUtils from '@/hooks/useCartUtils';
 import { Link } from '@/navigation';
 import { getMaxOfRangePrice } from '@/utils/price';
-import {
-  AccountBalanceWalletOutlined,
-  LocalShippingOutlined,
-} from '@mui/icons-material';
 import { Box, Collapse, Divider, Stack, Typography } from '@mui/material';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
 import { useTranslations } from 'next-intl';
 import { useParams } from 'next/navigation';
-import { FC } from 'react';
+import { FC, Fragment, ReactNode } from 'react';
 import AddToCartDialog from './AddToCartDialog';
 import MobileBuyBox from './MobileBuyBox';
 
-const listItems = [
-  {
-    text: 'ارسال از دو روز کاری دیگر',
-    icon: <LocalShippingOutlined />,
-  },
-  {
-    text: '5% بازگشت به اعتبار',
-    icon: <AccountBalanceWalletOutlined />,
-  },
-];
+const features: { id: string; text: string; icon: ReactNode }[] = [];
 
 export interface BuyBoxProps {
   product: Extract<
@@ -55,7 +42,6 @@ export interface BuyBoxProps {
 const BuyBox: FC<BuyBoxProps> = ({ product }) => {
   const { params } = useParams();
 
-  const { isMobile } = useAppContext();
   const t = useTranslations();
 
   const { selectedVariantId } = useProductContext();
@@ -219,17 +205,12 @@ const BuyBox: FC<BuyBoxProps> = ({ product }) => {
             flexDirection: 'column',
           }}
         >
-          {!!listItems?.length && (
+          {!!features?.length && (
             <List>
-              {listItems.map((item) => {
+              {features.map((item, index) => {
                 return (
-                  <>
-                    <ListItem
-                      disablePadding
-                      sx={{
-                        py: 1,
-                      }}
-                    >
+                  <Fragment key={item.id}>
+                    <ListItem>
                       <ListItemIcon
                         sx={{
                           minWidth: 0,
@@ -246,22 +227,24 @@ const BuyBox: FC<BuyBoxProps> = ({ product }) => {
                         }}
                       />
                     </ListItem>
-                    <Divider />
-                  </>
+                    {index !== features.length - 1 && <Divider />}
+                  </Fragment>
                 );
               })}
             </List>
           )}
 
-          {isMobile && (
+          <MobileView>
             <MobileBuyBox>
               <Box width="60%">{controllerSection}</Box>
               {priceSection}
             </MobileBuyBox>
-          )}
+          </MobileView>
 
-          {!isMobile && priceSection}
-          {!isMobile && controllerSection}
+          <DesktopView>
+            {priceSection}
+            {controllerSection}
+          </DesktopView>
         </Box>
       )}
     </>

src/app/[locale]/(main)/(container)/products/[...params]/page.tsx

@@ -41,7 +41,6 @@ const getProduct = async ({ id }: { id: number }) => {
     variables: {
       id,
     },
-    fetchPolicy: 'no-cache',
   });
   return data.product;
 };
@@ -103,7 +102,11 @@ const Page: FC<PageProps> = async ({ params: { params } }) => {
         </Grid>
         <Grid item md={3} xs={12}>
           <Card variant="outlined">
-            <CardContent>
+            <CardContent
+              sx={{
+                paddingBottom: '16px !important',
+              }}
+            >
               <BuyBox product={product} />
             </CardContent>
           </Card>

src/app/[locale]/(main)/(container)/profile/orders/[id]/page.tsx

@@ -31,7 +31,6 @@ const Page: FC<PageProps> = (props) => {
     variables: {
       id: +id,
     },
-    fetchPolicy: 'no-cache',
   });
 
   const t = useTranslations();

src/components/KeyValueViewer/components/Item.tsx

@@ -9,6 +9,7 @@ import {
 } from '@mui/material';
 import { FC } from 'react';
 import { IKeyValueItem } from '../types';
+import { useAppContext } from '@/hooks/useAppContext';
 
 export type ItemProps = ListItemProps & {
   index: number;
@@ -34,6 +35,8 @@ const Item: FC<ItemProps> = ({ item, index, ...props }) => {
 
   const isOdd = index % 2 === 1;
 
+  const { isMobile } = useAppContext();
+
   return (
     <ListItem
       sx={{
@@ -52,7 +55,7 @@ const Item: FC<ItemProps> = ({ item, index, ...props }) => {
           <Box
             sx={{
               display: 'grid',
-              gridTemplateColumns: '256px 1fr',
+              gridTemplateColumns: `${isMobile ? 105 : 210}px 1fr`,
             }}
           >
             <Typography

src/graphql/clients/serverSideClient.ts

@@ -19,10 +19,5 @@ export const { getClient } = registerApolloClient(() => {
     cache: new InMemoryCache(),
     connectToDevTools: true,
     link: from([httpLink]),
-    defaultOptions: {
-      query: {
-        fetchPolicy: 'no-cache',
-      },
-    },
   });
 });