enhacnements

src/components/PaymentDetails/PaymentDetails.tsx

@@ -16,8 +16,31 @@ export default function PaymentDetails({ order }: { order?: Order }) {
         <Divider style={{ margin: "15px 0 15px 0" }} />
         <Space orientation="vertical" style={{ width: "100%" }}>
           <div className={`${styles.summaryRow} ${styles.totalRow}`}>
-            <ProText strong>{t("cart.totalAmount")}</ProText>
+            <ProText
-            <ArabicPrice price={order?.total_price || 0} strong />
+              style={{
+                fontWeight: 600,
+                fontStyle: "SemiBold",
+                fontSize: 16,
+                lineHeight: "140%",
+                letterSpacing: "0%",
+                textAlign: "center",
+                color: "#333333",
+              }}
+            >
+              {t("cart.totalAmount")}
+            </ProText>
+            <ArabicPrice
+              price={order?.total_price || 0}
+              textStyle={{
+                fontWeight: 400,
+                fontStyle: "Regular",
+                fontSize: 16,
+                lineHeight: "140%",
+                letterSpacing: "0%",
+                textAlign: "center",
+                color: "#434E5C",
+              }}
+            />
           </div>
         </Space>
       </Card>

src/pages/cart/components/TableNumberCard.tsx

@@ -64,11 +64,6 @@ export default function TableNumberCard() {
       >
         {isEditing || table === "" ? (
           <Form.Item
-            label={
-              orderType === OrderType.DineIn
-                ? t("cart.tableNumber")
-                : t("cart.selectCompany")
-            }
             name="table"
             required
             rules={[
@@ -81,7 +76,6 @@ export default function TableNumberCard() {
               },
             ]}
             initialValue={table}
-            style={{ position: "relative", top: -5 }}
           >
             <Select
               value={table}
@@ -103,9 +97,8 @@ export default function TableNumberCard() {
                 borderRadius: 888,
               }}
               onChange={(value) => {
-                console.log(value);
                 dispatch(updateTables(value));
-                setIsEditing(false);
+                if(value) setIsEditing(false);
               }}
               onClear={() => {
                 dispatch(removeTable());

src/pages/order/page.tsx

@@ -259,13 +259,12 @@ export default function OrderPage() {
               <div>
                 <ProText
                   style={{
-                    fontFamily:"Bold/Caption Bold",
+                    fontFamily: "Bold/Caption Bold",
                     fontSize: "12px",
                     lineHeight: "140%",
                     letterSpacing: "0%",
                     fontWeight: "bold",
-
+                    color: "#434E5C",
-                    color:"#434E5C"
                   }}
                 >
                   {t("order.yourOrderFromFascanoRestaurant")}
@@ -538,7 +537,7 @@ export default function OrderPage() {
             onClose={() => setIsRateOrderOpen(false)}
           />
 
-          <CancelOrderBottomSheet />
+          {!hasClosedStatus && <CancelOrderBottomSheet />}
         </Layout.Content>
         {hasClosedStatus && (
           <Layout.Footer className={styles.checkoutButtonContainer}>