From afe20466e52fbc04b33ef6153afdfee0d05de34c Mon Sep 17 00:00:00 2001
From: KimiaMontazeri <kimia.montazerii@snapp.cab>
Date: Thu, 30 Nov 2023 20:10:28 +0330
Subject: [PATCH 1/2] feat(my-account): add 25% discount if total price is more
 than 200

---
 frontend/src/pages/my-account/MyAccount.jsx | 48 +++++++++++++++++++--
 1 file changed, 45 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/my-account/MyAccount.jsx b/frontend/src/pages/my-account/MyAccount.jsx
index 8881fed..9bce866 100644
--- a/frontend/src/pages/my-account/MyAccount.jsx
+++ b/frontend/src/pages/my-account/MyAccount.jsx
@@ -1,10 +1,12 @@
 import React, { useState } from 'react';
-import { Box, Button, CircularProgress, Divider, Stack, Tab, Tabs, Typography } from '@mui/material';
+import { Box, Button, Chip, CircularProgress, Divider, Stack, Tab, Tabs, Typography } from '@mui/material';
 import ItemCard from '../../components/item-card/item-card.jsx';
 import Toast from '../../components/toast/Toast.jsx';
 import useMyAccount from './useMyAccount.js';
 
 const TAB_ITEMS = ['Workshops', 'Presentations', 'Cart'];
+const DISCOUNT = 0.25;
+const MIN_TOTAL_PRICE_TO_GET_DISCOUNT = 200000;
 
 const MyAccount = () => {
   const {
@@ -101,7 +103,47 @@ const MyAccount = () => {
     cart.forEach(({ cost }) => {
       total += cost;
     });
-    return total;
+
+    if (total >= MIN_TOTAL_PRICE_TO_GET_DISCOUNT) {
+      const orgPrice = total;
+      total -= DISCOUNT * total;
+
+      return {
+        total: orgPrice,
+        discountedPrice: total,
+      };
+    }
+
+    return {
+      total,
+      discountedPrice: null,
+    };
+  };
+
+  const renderTotalPrice = () => {
+    const { total, discountedPrice } = calculateTotalCost();
+    if (discountedPrice) {
+      return (
+        <Stack flexDirection="row" alignItems="center" gap={1}>
+          <Typography variant="overline" sx={{ fontSize: 14 }} color="text.secondary">
+            Total:{' '}
+          </Typography>
+          <Typography variant="overline" sx={{ fontSize: 14, textDecoration: 'line-through' }} color="text.secondary">
+            {total} T
+          </Typography>
+          <Chip label="-25%" size="small" color="error" />
+          <Typography variant="overline" sx={{ fontSize: 15, fontWeight: 'bolder', color: 'var(--error-color)' }}>
+            {discountedPrice} T
+          </Typography>
+        </Stack>
+      );
+    }
+
+    return (
+      <Typography variant="overline" sx={{ fontSize: 14 }} color="text.secondary">
+        Total: {total} T
+      </Typography>
+    );
   };
 
   return (
@@ -129,7 +171,7 @@ const MyAccount = () => {
           <>
             <Divider sx={{ my: 2 }} />
             <Stack alignItems="center" gap={1}>
-              <Typography>Total: {calculateTotalCost()} T</Typography>
+              {renderTotalPrice()}
               <Button
                 onClick={handleBuyCart}
                 variant="contained"

From 5745ccc28aac0065953bd3f5f1f2328990c1303b Mon Sep 17 00:00:00 2001
From: KimiaMontazeri <kimia.montazerii@snapp.cab>
Date: Thu, 30 Nov 2023 20:14:56 +0330
Subject: [PATCH 2/2] refactor(item-card): remove capacity and only show full
 capacity chip

---
 frontend/src/components/item-card/item-card.jsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/item-card/item-card.jsx b/frontend/src/components/item-card/item-card.jsx
index 1a50232..c51f95e 100644
--- a/frontend/src/components/item-card/item-card.jsx
+++ b/frontend/src/components/item-card/item-card.jsx
@@ -23,11 +23,11 @@ export const Cost = ({ cost }) => (
   </Stack>
 );
 
-const CapacityChip = ({ capacity, isFull, remainingCapacity }) => (
+const FullCapacityChip = () => (
   <Chip
-    color={isFull ? 'error' : 'success'}
+    color="error"
     size="small"
-    label={isFull ? 'Capacity Full' : `Capacity ${remainingCapacity}/${capacity}`}
+    label="Capacity Full!"
     sx={{
       mt: 1,
     }}
@@ -71,6 +71,7 @@ const ItemCard = ({
 }) => {
   const [moreInfoModalVisibility, setMoreInfoModalVisibility] = useState(false);
   const hasBought = purchaseState === 2;
+  const shouldShowFullCapacity = isFull || remainingCapacity === 0;
 
   const handleClickOnMoreInfo = () => {
     setMoreInfoModalVisibility(true);
@@ -154,7 +155,7 @@ const ItemCard = ({
           <Presenter presenterName={presenterName} />
           {levelComponentMapping[level]}
           {!hasBought && <Cost cost={cost} />}
-          {!hasBought && <CapacityChip isFull={isFull} remainingCapacity={remainingCapacity} capacity={capacity} />}
+          {!hasBought && shouldShowFullCapacity && <FullCapacityChip />}
         </CardContent>
         <CardActions
           sx={{