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 | import { styled, Typography } from "@mui/material";
import StyledLink from "components/StyledLink";
import { Trans, useTranslation } from "i18n";
import { MESSAGES } from "i18n/namespaces";
import { HostRequestStatus } from "proto/conversations_pb";
import React from "react";
import { howToRespondRequestGuideUrl, howToWriteRequestGuideUrl } from "routes";
const StyledHelpTextContainer = styled("div")(({ theme }) => ({
display: "flex",
flexWrap: "wrap",
justifyContent: "center",
marginBottom: theme.spacing(2),
}));
export default function HostRequestGuideLinks({
isPast,
isHost,
status,
}: {
isPast: boolean;
isHost: boolean;
status: HostRequestStatus;
}) {
const { t } = useTranslation([MESSAGES]);
const isHostPending =
!isPast &&
isHost &&
status === HostRequestStatus.HOST_REQUEST_STATUS_PENDING;
const isSurferRejected =
!isHost && status === HostRequestStatus.HOST_REQUEST_STATUS_REJECTED;
if (isHostPending) {
return (
<StyledHelpTextContainer>
<Typography variant="body1">
<Trans i18nKey="messages:host_pending_request_help_text">
<StyledLink variant="body1" href={howToRespondRequestGuideUrl}>
Things to consider
</StyledLink>{" "}
before responding.
</Trans>
</Typography>
</StyledHelpTextContainer>
);
} else if (isSurferRejected) {
return (
<StyledHelpTextContainer>
<Typography variant="body1">
<Trans i18nKey="messages:surfer_declined_request_help_text">
<StyledLink variant="body1" href={howToWriteRequestGuideUrl}>
Read our guide
</StyledLink>{" "}
on how to write a request that will get accepted.
</Trans>
</Typography>
</StyledHelpTextContainer>
);
} else if (isPast) {
return (
<StyledHelpTextContainer>
<Typography variant="body1">
{t("messages:past_request_help_text")}
</Typography>
</StyledHelpTextContainer>
);
} else {
return null;
}
}
|