enhance card raduis & order

src/ThemeConstants.ts

@@ -175,8 +175,8 @@ export const themeConfig: ThemeConfig = {
       boxShadow: "0 1px 3px rgba(0,0,0,0.1)",
       padding: 16,
       paddingLG: 16,
-      borderRadius: 24,
+      borderRadius: 16,
-      borderRadiusLG: 24,
+      borderRadiusLG: 16,
     },
     Carousel: {
       colorBgContainer: lightColors["800"],

src/pages/order/page.tsx

@@ -242,28 +242,32 @@ export default function OrderPage() {
                 display: "flex",
                 flexDirection: "row",
                 gap: "1rem",
-                backgroundColor: "rgba(255, 183, 0, 0.08)",
+                backgroundColor: "#f5f5f6",
                 borderRadius: "12px",
                 padding: 16,
               }}
             >
-              <Button
+              <Button type="text" shape="circle">
-                type="text"
-                shape="circle"
-                style={{
-                  backgroundColor: "rgba(255, 183, 0, 0.08)",
-                }}
-              >
                 <Image
                   src={orderDetails?.restaurant_iimage}
                   className={styles.profileImage}
-                  width={50}
+                  width={40}
-                  height={50}
+                  height={40}
                   preview={false}
                 />
               </Button>
               <div>
-                <ProText style={{ fontSize: "1rem" }}>
+                <ProText
+                  style={{
+                    fontFamily:"Bold/Caption Bold",
+                    fontSize: "12px",
+                    lineHeight: "140%",
+                    letterSpacing: "0%",
+                    fontWeight: "bold",
+
+                    color:"#434E5C"
+                  }}
+                >
                   {t("order.yourOrderFromFascanoRestaurant")}
                 </ProText>
                 <br />
@@ -459,6 +463,7 @@ export default function OrderPage() {
 
           <PaymentDetails order={orderDetails?.order} />
 
+          {hasClosedStatus && (
             <Card
               className={styles.inviteToBillCard}
               onClick={() => setIsOpen(true)}
@@ -484,6 +489,7 @@ export default function OrderPage() {
                 </div>
               </div>
             </Card>
+          )}
 
           <QRBottomSheet isOpen={isOpen} onClose={() => setIsOpen(false)} />
 
@@ -534,6 +540,7 @@ export default function OrderPage() {
 
           <CancelOrderBottomSheet />
         </Layout.Content>
+        {hasClosedStatus && (
           <Layout.Footer className={styles.checkoutButtonContainer}>
             <Button
               type="primary"
@@ -546,6 +553,7 @@ export default function OrderPage() {
               {t("order.newOrder")}
             </Button>
           </Layout.Footer>
+        )}
       </Layout>
     </>
   );