apply SplitBillChoiceBottomSheet logic

src/components/OrderSummary/OrderSummary.tsx

@@ -21,7 +21,7 @@ import styles from "./OrderSummary.module.css";
 
 export default function OrderSummary() {
   const { t } = useTranslation();
-  const { useLoyaltyPoints } = useAppSelector(selectCart);
+  const { useLoyaltyPoints, splitBillAmount } = useAppSelector(selectCart);
   const { subdomain } = useParams();
   const { data: restaurant } = useGetRestaurantDetailsQuery(subdomain);
   const { orderType } = useAppSelector(selectCart);
@@ -62,6 +62,14 @@ export default function OrderSummary() {
             <ProText type="secondary">{t("cart.tax")}</ProText>
             <ArabicPrice price={taxAmount || 0} />
           </div>
+          {splitBillAmount > 0 && (
+            <div className={styles.summaryRow}>
+              <ProText type="secondary">
+                {t("splitBill.splitBillAmount")}
+              </ProText>
+              <ArabicPrice price={splitBillAmount} />
+            </div>
+          )}
           <Divider className={styles.summaryDivider} />
           <div className={`${styles.summaryRow} ${styles.totalRow}`}>
             <ProText strong type="secondary">