From f1ae1568a8dd71655324cdccc32f4724a33388cd Mon Sep 17 00:00:00 2001
From: Mohammed Al-yaseen <mohammed.o.alyaseen@gmail.com>
Date: Fri, 2 Jan 2026 05:18:09 +0300
Subject: [PATCH] enhacnements

---
 .../PaymentDetails/PaymentDetails.tsx         | 27 +++++++++++++++++--
 src/pages/cart/components/TableNumberCard.tsx |  9 +------
 src/pages/order/page.tsx                      |  7 +++--
 3 files changed, 29 insertions(+), 14 deletions(-)

diff --git a/src/components/PaymentDetails/PaymentDetails.tsx b/src/components/PaymentDetails/PaymentDetails.tsx
index 756bb1a..7cf0f67 100644
--- a/src/components/PaymentDetails/PaymentDetails.tsx
+++ b/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>
-            <ArabicPrice price={order?.total_price || 0} strong />
+            <ProText
+              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>
diff --git a/src/pages/cart/components/TableNumberCard.tsx b/src/pages/cart/components/TableNumberCard.tsx
index 954cad2..243b698 100644
--- a/src/pages/cart/components/TableNumberCard.tsx
+++ b/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());
diff --git a/src/pages/order/page.tsx b/src/pages/order/page.tsx
index 88d17be..2489497 100644
--- a/src/pages/order/page.tsx
+++ b/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}>