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, 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")} <p>{activity.price} €</p>
</Typography.Title>
<p>{activity.price} €</p> <Typography.Paragraph>
{activity.duration}{" "}
<Typography.Title level={5}> {activity.duration === 1
{t( ? t("common.unit.minute")
"storeServices.serviceActivityDurationMinutes" : t("common.unit.minutes")}{" "}
)} {/*<Typography.Text type="secondary">
</Typography.Title> {durationToHoursAndMinutes(
t,
<Typography.Paragraph> activity.duration
{activity.duration}{" "} )}
{activity.duration === 1 </Typography.Text> */}
? t("common.unit.minute") </Typography.Paragraph>
: t("common.unit.minutes")}{" "} </Flex>
<Typography.Text type="secondary">
{durationToHoursAndMinutes(
t,
activity.duration
)}
</Typography.Text>
</Typography.Paragraph>
</Card> </Card>
); );
}) })