fascano/web-menu-react-version-
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

orders details: initial commit

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-12-30 00:01:12 +03:00
parent d77047fdb2
commit e9dc1aa580
9 changed files with 705 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
src/components/LoyaltyCard/LoyaltyCard.tsx
View File

@@ -22,81 +22,66 @@ const LoyaltyCard = () => {
return (
<div className={styles.loyaltyContainer}>
<Card className={styles.loyaltyCard}>
{isHasLoyaltyGift && (
<div className={styles.congratulationsContainer}>
<PresentIcon className={styles.congratulationsIcon} />
<div>
<p className={styles.congratulationsText}>
{t("menu.congratulations")}
</p>
<p className={styles.congratulationsSubtext}>
{t("menu.loyaltyGiftEarned")}
</p>
</div>
</div>
)}
{!isHasLoyaltyGift && (
<Row
justify="space-between"
align="middle"
style={{ marginBottom: "0.5rem" }}
>
<Col>
<Row align="middle" gutter={[8, 8]}>
<Col>
<LoyaltyIcon className={styles.loyaltyIcon} />
</Col>
<Col>
<ProText style={{ fontSize: "1rem", fontWeight: 400 }}>
{t("menu.loyaltyPoints")}
</ProText>
</Col>
</Row>
<ProText
type="secondary"
strong
style={{
fontSize: "14px",
fontWeight: 700,
position: "relative",
top: -2,
}}
>
{token &&
t("menu.loyaltyDescription", {
value: restaurant?.loyalty_stamps ?? 0,
})}
{!token && (
<div style={{ paddingTop: 4 }}>
<Link
to={`/${subdomain}/login`}
style={{
color: colors.primary,
textDecoration: "underline",
fontSize: "14px",
fontWeight: 400,
padding: "0 4px",
}}
>
{t("menu.joinUs")}
</Link>
<span style={{ fontSize: "14px", color: colors.secondary }}>
{t("menu.joinUsDescription")}
</span>
</div>
)}
</ProText>
</Col>
<Col>{/* <PresentIcon /> */}</Col>
</Row>
)}
{token && !isHasLoyaltyGift && (
<Row
justify="space-between"
align="middle"
style={{ marginBottom: "0.5rem" }}
>
<Col>
<Row align="middle" gutter={[8, 8]}>
<Col>
<LoyaltyIcon className={styles.loyaltyIcon} />
</Col>
<Col>
<ProText style={{ fontSize: "1rem", fontWeight: 400 }}>
{t("menu.loyaltyPoints")}
</ProText>
</Col>
</Row>
<ProText
type="secondary"
strong
style={{
fontSize: "14px",
fontWeight: 700,
position: "relative",
top: -2,
}}
>
{token &&
t("menu.loyaltyDescription", {
value: restaurant?.loyalty_stamps ?? 0,
})}
{!token && (
<div style={{ paddingTop: 4 }}>
<Link
to={`/${subdomain}/login`}
style={{
color: colors.primary,
textDecoration: "underline",
fontSize: "14px",
fontWeight: 400,
padding: "0 4px",
}}
>
{t("menu.joinUs")}
</Link>
<span style={{ fontSize: "14px", color: colors.secondary }}>
{t("menu.joinUsDescription")}
</span>
</div>
)}
</ProText>
</Col>
<Col> {isHasLoyaltyGift && <PresentIcon />}</Col>
</Row>
{token && (
<div
style={{
display: "flex",
flexDirection: "row",
gap: 10,
overflow: "auto",
overflow: "hidden",
scrollbarWidth: "none",
}}
>