KK
/
customer-dashboard
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

better design

master
alex 2024-01-25 22:59:50 +01:00
parent 238e19af2a
commit 719a956ad4
1 changed files with 19 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/Pages/Store/Services/index.js
View File

@ -4,6 +4,7 @@ import {
Button,
Card,
Collapse,
Flex,
Form,
Grid,
Skeleton,
@ -331,6 +332,8 @@ function Service({
<Card
key={activity.activity_id}
title={activity.name}
style={{ backgroundColor: "#fafbfb" }}
hoverable
extra={
<Space>
<Avatar.Group maxCount={2} size="small">
@ -387,38 +390,26 @@ function Service({
</Space>
}
>
<Typography.Title level={5}>
{t("storeServices.serviceActivityDescription")}
</Typography.Title>
<Typography.Paragraph>
<Typography.Paragraph type="secondary">
{activity.description}
</Typography.Paragraph>
<Typography.Title level={5}>
{t("storeServices.serviceActivityPrice")}
</Typography.Title>
<Flex justify="space-around">
<p>{activity.price} €</p>
<p>{activity.price} €</p>
<Typography.Title level={5}>
{t(
"storeServices.serviceActivityDurationMinutes"
)}
</Typography.Title>
<Typography.Paragraph>
{activity.duration}{" "}
{activity.duration === 1
? t("common.unit.minute")
: t("common.unit.minutes")}{" "}
<Typography.Text type="secondary">
{durationToHoursAndMinutes(
t,
activity.duration
)}
</Typography.Text>
</Typography.Paragraph>
<Typography.Paragraph>
{activity.duration}{" "}
{activity.duration === 1
? t("common.unit.minute")
: t("common.unit.minutes")}{" "}
{/*<Typography.Text type="secondary">
{durationToHoursAndMinutes(
t,
activity.duration
)}
</Typography.Text> */}
</Typography.Paragraph>
</Flex>
</Card>
);
})