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

enhace UI

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-11-18 22:26:26 +03:00
parent 7769da2c29
commit f4fa4639dc
7 changed files with 39 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/checkout/components/GiftDetails.tsx
View File

@@ -87,35 +87,33 @@ export const GiftDetails = () => {
<div className={styles.detailsRowContainer}>
<div className={styles.detailItemContainer}>
<Button
type="text"
shape="circle"
className={styles.iconButtonStyle}
>
<GoldenHouseIcon />
</Button>
icon={<GoldenHouseIcon />}
/>
<div>
<ProText className={styles.detailLabelStyle}>
{t("address.receiverName")}
</ProText>
<br />
<ProText type="secondary">{giftDetails?.receiverName}</ProText>
<ProText type="secondary" className={styles.smallTextStyle}>
{giftDetails?.receiverName}
</ProText>
</div>
</div>
<div className={styles.detailItemContainer}>
<Button
type="text"
shape="circle"
className={styles.iconButtonStyle}
>
<BuildsIcon />
</Button>
icon={<BuildsIcon />}
/>
<div>
<ProText className={styles.detailLabelStyle}>
{t("address.receiverPhone")}
</ProText>
<br />
<ProText type="secondary">{giftDetails?.receiverPhone}</ProText>
<ProText type="secondary" className={styles.smallTextStyle}>
{giftDetails?.receiverPhone}
</ProText>
</div>
</div>
</div>

18
src/pages/checkout/components/OfficeDetails.tsx
View File

@@ -73,35 +73,29 @@ export const OfficeDetails = () => {
<div className={styles.detailsRowContainer}>
<div className={styles.detailItemContainer}>
<Button
type="text"
shape="circle"
className={styles.iconButtonStyle}
>
<GoldenHouseIcon />
</Button>
icon={<GoldenHouseIcon />}
/>
<div>
<ProText className={styles.detailLabelStyle}>
{t("address.floorNo")}
</ProText>
<br />
<ProText type="secondary">{officeDetails?.floorNo}</ProText>
<ProText type="secondary" className={styles.smallTextStyle}>{officeDetails?.floorNo}</ProText>
</div>
</div>
<div className={styles.detailItemContainer}>
<Button
type="text"
shape="circle"
className={styles.iconButtonStyle}
>
<BuildsIcon />
</Button>
icon={<BuildsIcon />}
/>
<div>
<ProText className={styles.detailLabelStyle}>
{t("address.officeNo")}
</ProText>
<br />
<ProText type="secondary">{officeDetails?.officeNo}</ProText>
<ProText type="secondary" className={styles.smallTextStyle}>{officeDetails?.officeNo}</ProText>
</div>
</div>
</div>

18
src/pages/checkout/components/RoomDetails.tsx
View File

@@ -72,35 +72,29 @@ export const RoomDetails = () => {
<div className={styles.detailsRowContainer}>
<div className={styles.detailItemContainer}>
<Button
type="text"
shape="circle"
className={styles.iconButtonStyle}
>
<GoldenHouseIcon />
</Button>
icon={<GoldenHouseIcon />}
/>
<div>
<ProText className={styles.detailLabelStyle}>
{t("address.floorNo")}
</ProText>
<br />
<ProText type="secondary">{roomDetails?.floorNo}</ProText>
<ProText type="secondary" className={styles.smallTextStyle}>{roomDetails?.floorNo}</ProText>
</div>
</div>
<div className={styles.detailItemContainer}>
<Button
type="text"
shape="circle"
className={styles.iconButtonStyle}
>
<BuildsIcon />
</Button>
icon={<BuildsIcon />}
/>
<div>
<ProText className={styles.detailLabelStyle}>
{t("address.roomNo")}
</ProText>
<br />
<ProText type="secondary">{roomDetails?.roomNo}</ProText>
<ProText type="secondary" className={styles.smallTextStyle}>{roomDetails?.roomNo}</ProText>
</div>
</div>
</div>