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 | 356x 24x 1x 24x | import { ReactElement } from "react";
import styled from "styled-components";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useTranslation } from "react-i18next";
import { SignupQuestion } from "shared/types/models/settings";
interface Props {
signupQuestion: SignupQuestion;
signupMessage: string;
}
export const SignupQuestionAnswer = ({
signupQuestion,
signupMessage,
}: Props): ReactElement => {
const { t, i18n } = useTranslation();
return (
<SignupQuestion>
<FontAwesomeIcon icon={["far", "comment"]} aria-hidden="true" />
{` ${t("myProgramView.yourAnswer")} "${
i18n.language === "fi"
? signupQuestion.questionFi
: signupQuestion.questionEn
}"${
signupQuestion.private
? ` (${t("privateOnlyVisibleToOrganizers")})`
: ""
}: ${signupMessage}`}
</SignupQuestion>
);
};
const SignupQuestion = styled.p`
padding: 0;
margin: 8px 0 4px 0;
color: ${(props) => props.theme.textSecondary};
`;
|