All files / app/features/profile/view/leaveReference/formSteps ReferenceStepHeader.tsx

70.83% Statements 17/24
37.5% Branches 3/8
66.66% Functions 2/3
70.83% Lines 17/24

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 801x 1x 1x 1x 1x 1x 1x 1x 1x                 1x         1x           1x 1x   1x 1x       1x 1x                                                                                    
import { styled, Typography } from "@mui/material";
import HeaderButton from "components/HeaderButton";
import { BackIcon } from "components/Icons";
import { useTranslation } from "i18n";
import { GLOBAL, PROFILE } from "i18n/namespaces";
import { useRouter } from "next/router";
import { ReferenceType } from "proto/references_pb";
import { referenceTypeRoute } from "routes";
import { theme } from "theme";
 
export interface ReferenceStepHeaderProps {
  name?: string;
  referenceType?: string;
  isSubmitStep?: boolean;
  isDidStayStep?: boolean;
}
 
const StyledHeader = styled("div")({
  display: "flex",
  alignItems: "center",
});
 
export default function ReferenceStepHeader({
  name,
  referenceType,
  isSubmitStep = false,
  isDidStayStep = false,
}: ReferenceStepHeaderProps) {
  const { t } = useTranslation([GLOBAL, PROFILE]);
  const router = useRouter();
 
  const returnHeaderText = () => {
    Iif (isSubmitStep) {
      return t("profile:leave_reference.reference_submit_heading");
    }
 
    if (isDidStayStep) {
      return referenceType ===
        referenceTypeRoute[ReferenceType.REFERENCE_TYPE_SURFED]
        ? t("profile:leave_reference.reference_form_heading_did_stay_surfed", {
            name,
          })
        : t("profile:leave_reference.reference_form_heading_did_stay_hosted", {
            name,
          });
    }
    Iif (
      referenceType === referenceTypeRoute[ReferenceType.REFERENCE_TYPE_FRIEND]
    ) {
      return t("profile:leave_reference.reference_form_heading_friend", {
        name,
      });
    }
    Iif (
      referenceType === referenceTypeRoute[ReferenceType.REFERENCE_TYPE_SURFED]
    ) {
      return t("profile:leave_reference.reference_form_heading_surfed", {
        name,
      });
    }
    return t("profile:leave_reference.reference_form_heading_hosted", {
      name,
    });
  };
 
  return (
    <StyledHeader>
      <HeaderButton
        onClick={() => router.back()}
        aria-label={t("profile:leave_reference.previous_step")}
      >
        <BackIcon />
      </HeaderButton>
      <Typography variant="h2" sx={{ marginInlineStart: theme.spacing(2) }}>
        {returnHeaderText()}
      </Typography>
    </StyledHeader>
  );
}