update footer BS height & enhnace custom split bill BS styles
This commit is contained in:
@@ -44,17 +44,6 @@ export default function CheckoutButton({ form }: { form: FormInstance }) {
|
||||
dispatch(updateSplitBillAmount(0));
|
||||
}, [dispatch]);
|
||||
|
||||
const getSplitButtonTitle = useMemo(() => {
|
||||
if (selectedSplitWay === "customAmount") {
|
||||
return t("splitBill.payAsCustomAmount");
|
||||
} else if (selectedSplitWay === "equality") {
|
||||
return t("splitBill.divideTheBillEqually");
|
||||
} else if (selectedSplitWay === "payForItems") {
|
||||
return t("splitBill.payForYourItems");
|
||||
}
|
||||
return t("checkout.splitBill");
|
||||
}, [selectedSplitWay, t]);
|
||||
|
||||
const handlePlaceOrderClick = useCallback(async () => {
|
||||
try {
|
||||
await form.validateFields();
|
||||
@@ -77,7 +66,9 @@ export default function CheckoutButton({ form }: { form: FormInstance }) {
|
||||
className={styles.splitBillButton}
|
||||
onClick={handleSplitBillClick}
|
||||
>
|
||||
{getSplitButtonTitle}
|
||||
{selectedSplitWay
|
||||
? t("checkout.removeSplitBill")
|
||||
: t("checkout.splitBill")}
|
||||
</Button>
|
||||
)}
|
||||
|
||||
@@ -90,7 +81,7 @@ export default function CheckoutButton({ form }: { form: FormInstance }) {
|
||||
{t("checkout.placeOrder")}
|
||||
</Button>
|
||||
</Layout.Footer>
|
||||
|
||||
|
||||
<SplitBillChoiceBottomSheet
|
||||
isOpen={isSplitBillChoiceBottomSheetOpen}
|
||||
onClose={() => setIsSplitBillChoiceBottomSheetOpen(false)}
|
||||
|
||||
Reference in New Issue
Block a user