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

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

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