From 9d10460f5bf0cd8bd2c8afea16489a1bd6d12acf Mon Sep 17 00:00:00 2001
From: ROSHAN GARG <roshangarg28@gmail.com>
Date: Mon, 4 Nov 2024 13:46:32 +0530
Subject: [PATCH] updated retail to retailer

---
 index.html                                |  2 +-
 src/views/orders/OrderDetails.js          |  6 +--
 src/views/pages/cart/orderConfirmation.js |  8 ++--
 src/views/pages/cart/shopingCart.js       |  4 +-
 src/views/shops/Shop.js                   | 54 +++++++++++++++++++----
 src/views/shops/shopCard.js               | 31 +++++--------
 6 files changed, 66 insertions(+), 39 deletions(-)

diff --git a/index.html b/index.html
index c0ef405..4bda2eb 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@
       name="keyword"
       content="Bootstrap,Admin,Template,Open,Source,CSS,SCSS,HTML,RWD,Dashboard,React"
     />
-    <title>Retail distributer</title>
+    <title>Retailer</title>
     <link rel="manifest" href="/manifest.json" />
     <link rel="shortcut icon" href="/favicon.ico" />
   </head>
diff --git a/src/views/orders/OrderDetails.js b/src/views/orders/OrderDetails.js
index 4c22591..a01ecb9 100644
--- a/src/views/orders/OrderDetails.js
+++ b/src/views/orders/OrderDetails.js
@@ -164,7 +164,7 @@ const OrderDetails = () => {
                           <TableCell>{row.SKU}</TableCell>
                           <TableCell>{row.quantity}</TableCell>
                           <TableCell>₹{row.price}</TableCell>
-                          <TableCell>₹{gstAmount}</TableCell>
+                          <TableCell>₹{gstAmount.toFixed(2)}</TableCell>
                           <TableCell>₹{row.price * row.quantity}</TableCell>
                         </TableRow>
                       )
@@ -178,13 +178,13 @@ const OrderDetails = () => {
                     <TableRow>
                       <TableCell colSpan={7} />
                       <TableCell>
-                        Total GST:<strong> ₹ {gstTotal} </strong>
+                        Total GST:<strong> ₹ {gstTotal.toFixed(2)} </strong>
                       </TableCell>
                     </TableRow>
                     <TableRow>
                       <TableCell colSpan={7} />
                       <TableCell>
-                        Grand Total: <strong> ₹ {grandTotal}</strong>
+                        Grand Total: <strong> ₹ {grandTotal.toFixed(2)}</strong>
                       </TableCell>
                     </TableRow>
                   </TableBody>
diff --git a/src/views/pages/cart/orderConfirmation.js b/src/views/pages/cart/orderConfirmation.js
index 51c652d..0195c35 100644
--- a/src/views/pages/cart/orderConfirmation.js
+++ b/src/views/pages/cart/orderConfirmation.js
@@ -119,7 +119,7 @@ const OrderConfirmation = ({ orderId, billTo, shipTo, paymentMode, cartItem }) =
                           <TableCell>{row.SKU}</TableCell>
                           <TableCell>{row.count}</TableCell>
                           <TableCell>₹{row.price}</TableCell>
-                          <TableCell>₹{gstAmount}</TableCell>
+                          <TableCell>₹{gstAmount.toFixed(2)}</TableCell>
                           <TableCell>₹{row.price * row.count}</TableCell>
                         </TableRow>
                       )
@@ -127,20 +127,20 @@ const OrderConfirmation = ({ orderId, billTo, shipTo, paymentMode, cartItem }) =
                     <TableRow>
                       <TableCell colSpan={7} />
                       <TableCell>
-                        Subtotal:<strong> ₹ {subtotal}</strong>
+                        Subtotal:<strong> ₹ {subtotaltoFixed(2)}</strong>
                       </TableCell>
                     </TableRow>
                     <TableRow>
                       <TableCell colSpan={7} />
                       <TableCell>
-                        Total GST:<strong> ₹ {totalGST} </strong>
+                        Total GST:<strong> ₹ {totalGSTtoFixed(2)} </strong>
                       </TableCell>
                     </TableRow>
 
                     <TableRow>
                       <TableCell colSpan={7} />
                       <TableCell>
-                        Grand Total: <strong> ₹ {subtotal + totalGST}</strong>
+                        Grand Total: <strong> ₹ {subtotal.toFixed(2) + totalGST.toFixed(2)}</strong>
                       </TableCell>
                     </TableRow>
                   </TableBody>
diff --git a/src/views/pages/cart/shopingCart.js b/src/views/pages/cart/shopingCart.js
index 211bd95..91401a0 100644
--- a/src/views/pages/cart/shopingCart.js
+++ b/src/views/pages/cart/shopingCart.js
@@ -137,7 +137,7 @@ const ShoppingCart = ({ handleTabChange }) => {
                               </Box>
                             </TableCell>
                             <TableCell>₹{row.price}</TableCell>
-                            <TableCell>₹{gstAmount}</TableCell>
+                            <TableCell>₹{gstAmount.toFixed(2)}</TableCell>
                             <TableCell>₹{row.price * row.count}</TableCell>
                           </TableRow>
                         )
@@ -151,7 +151,7 @@ const ShoppingCart = ({ handleTabChange }) => {
                       <TableRow>
                         <TableCell colSpan={5} />
                         <TableCell>
-                          Total GST:<strong> ₹ {totalGST} </strong>
+                          Total GST:<strong> ₹ {totalGST.toFixed(2)} </strong>
                         </TableCell>
                       </TableRow>
 
diff --git a/src/views/shops/Shop.js b/src/views/shops/Shop.js
index 9e11b71..92b100c 100644
--- a/src/views/shops/Shop.js
+++ b/src/views/shops/Shop.js
@@ -8,11 +8,17 @@ import {
   CircularProgress,
   Container,
   FormControl,
-  Grid,
   MenuItem,
   Pagination,
   Select,
   Typography,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+  Paper,
 } from '@mui/material'
 import ShopCard from './shopCard'
 
@@ -114,13 +120,45 @@ const Shop = () => {
           <CircularProgress />
         ) : (
           <>
-            <Grid container spacing={2}>
-              {products.map((item, i) => (
-                <Grid key={i} item xs={12} sm={6} md={4} lg={4}>
-                  <ShopCard item={item} />
-                </Grid>
-              ))}
-            </Grid>
+            <TableContainer component={Paper} sx={{ mt: 3 }}>
+              <Table>
+                <TableHead>
+                  <TableRow>
+                    <TableCell sx={{ fontWeight: 'bold' }} align="center">
+                      Product Name
+                    </TableCell>
+                    <TableCell sx={{ fontWeight: 'bold' }} align="center">
+                      Category
+                    </TableCell>
+                    <TableCell sx={{ fontWeight: 'bold' }} align="center">
+                      Price
+                    </TableCell>
+                    <TableCell sx={{ fontWeight: 'bold' }} align="center">
+                      Action
+                    </TableCell>
+                  </TableRow>
+                </TableHead>
+                <TableBody>
+                  {products?.map((product) => (
+                    <TableRow key={product._id}>
+                      <TableCell size="small" align="center">
+                        {product?.name}
+                      </TableCell>
+                      <TableCell size="small" align="center">
+                        {product.category.categoryName}
+                      </TableCell>
+                      <TableCell size="small" align="center">
+                        ₹{product.price}
+                      </TableCell>
+                      <TableCell size="small" align="center">
+                        <ShopCard item={product} />
+                      </TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            </TableContainer>
+
             <Box mt={3} display="flex" justifyContent="center">
               <Pagination
                 count={Math.ceil(totalData / itemsPerPage)}
diff --git a/src/views/shops/shopCard.js b/src/views/shops/shopCard.js
index 834fdc3..22d41f5 100644
--- a/src/views/shops/shopCard.js
+++ b/src/views/shops/shopCard.js
@@ -18,27 +18,16 @@ const ShopCard = ({ item }) => {
   }
   return (
     <div>
-      <Card>
-        <CardMedia component="img" height="150" image={item?.image} alt={item?.name} />
-        <CardContent>
-          <Typography gutterBottom variant="h5" component="div">
-            {item?.name}
-          </Typography>
-          <Typography variant="body2" color="text.secondary">
-            ${item?.price}
-          </Typography>
-          <Button
-            variant="contained"
-            color="primary"
-            fullWidth
-            disabled={isProductInCart}
-            onClick={handleAddToCart}
-            sx={{ marginTop: '10px' }}
-          >
-            {isProductInCart ? 'Already in Cart' : 'Add to Cart'}
-          </Button>
-        </CardContent>
-      </Card>
+      <Button
+        variant="contained"
+        color="primary"
+        // fullWidth
+        disabled={isProductInCart}
+        onClick={handleAddToCart}
+        sx={{ marginTop: '10px' }}
+      >
+        {isProductInCart ? 'Already in Cart' : 'Add to Cart'}
+      </Button>
     </div>
   )
 }