Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import {
Card,
CardContent,
Link,
Typography,
useMediaQuery,
} from "@mui/material";
import SliderLabel from "components/RatingsSlider/SliderLabel";
import TextBody from "components/TextBody";
import UserSummary from "components/UserSummary";
import { contactLink } from "features/profile/constants";
import { useProfileUser } from "features/profile/hooks/useProfileUser";
import {
ReferenceContextFormData,
useReferenceStyles,
} from "features/profile/view/leaveReference/ReferenceForm";
import { Trans, useTranslation } from "i18n";
import { GLOBAL, PROFILE } from "i18n/namespaces";
import { theme } from "theme";
export default function ReferenceOverview({
referenceData,
}: {
referenceData: ReferenceContextFormData;
}) {
const { t } = useTranslation([GLOBAL, PROFILE]);
const classes = useReferenceStyles();
const user = useProfileUser();
const isMobile = useMediaQuery(theme.breakpoints.down("md"));
return (
<>
<TextBody className={classes.text}>
{t("profile:leave_reference.thank_you_message")}
</TextBody>
{isMobile && (
<>
<TextBody className={classes.text}>
{t("profile:leave_reference.writing_for_text")}
</TextBody>
<UserSummary user={user} />
</>
)}
<Typography variant="h3" className={classes.text}>
{t("profile:leave_reference.public_text_label")}
</Typography>
<Card className={classes.card}>
<CardContent>
<TextBody className={classes.referenceText}>
{referenceData.text}
</TextBody>
</CardContent>
</Card>
<Typography variant="h3" className={classes.text}>
{t("profile:leave_reference.private_text_label")}
</Typography>
<ul>
<li>
<TextBody className={classes.text}>
{referenceData.wasAppropriate === "true"
? t("profile:leave_reference.coucher_was_appropriate")
: t("profile:leave_reference.coucher_was_not_appropriate")}
</TextBody>
</li>
<li>
<TextBody className={classes.text}>
{t("profile:leave_reference.rating_label")}
<SliderLabel value={referenceData.rating} />
</TextBody>
</li>
</ul>
<TextBody className={classes.text}>
<Trans t={t} i18nKey="profile:leave_reference.contact_text">
If you have any questions or wish to provide additional information,
please don't hesitate to
<Link href={contactLink} target="_blank" underline="hover">
contact us here.
</Link>
</Trans>
</TextBody>
</>
);
}
|