All files / src/pages/Login/components GivePageFooter.tsx

100% Statements 5/5
100% Branches 4/4
100% Functions 2/2
100% Lines 4/4

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                          4x 195x   195x                                                                             195x                            
import Logo from "@assets/icons/RebrandedIcons/LogoBlueAccent";
import { Grid, Stack, StackProps, styled } from "@mui/material";
import useCheckEnvironment from "@hooks/common/useCheckEnvironment";
import { POLICY_PATHS } from "@routes/paths";
import GiveText from "@shared/Text/GiveText";
import GiveLink from "@shared/Link/GiveLink";
 
interface Props extends StackProps {
  color?: string;
  hideSupport?: boolean;
  hidePoweredBy?: boolean;
}
 
const GivePageFooter = ({ hideSupport, hidePoweredBy }: Props) => {
  const { platformBaseUrl } = useCheckEnvironment();
 
  return (
    <StyledContainer>
      <GiveText
        variant="bodyS"
        sx={{ order: { xs: 3, md: 1 }, textAlign: "center" }}
      >
        All rights reserved ©GiveCorporation {new Date().getFullYear()}
      </GiveText>
      {hidePoweredBy ? null : (
        <Stack gap="12px" sx={{ order: { xs: 1, md: 2 }, textAlign: "center" }}>
          <GiveText variant="bodyS">Powered by</GiveText>
          <Logo height={14} />
        </Stack>
      )}
      <Stack
        direction="row"
        gap={{
          xs: "16px",
          md: "32px",
        }}
        sx={{
          order: { xs: 2, md: 3 },
          flexWrap: "wrap",
          justifyContent: "center",
        }}
      >
        {!hideSupport && (
          <GiveLink link="mailto:support@givepayments.com">Support</GiveLink>
        )}
        <GiveLink link={`${platformBaseUrl}/${POLICY_PATHS.PRIVACY}`}>Privacy Policy</GiveLink>
        <GiveLink link={`${platformBaseUrl}/${POLICY_PATHS.TERMS_OF_SERVICE}`}>
          Terms & Conditions
        </GiveLink>
        <GiveLink link={`${platformBaseUrl}/${POLICY_PATHS.SLA}`}>SLA</GiveLink>
      </Stack>
    </StyledContainer>
  );
};
 
const StyledContainer = styled(Stack)(({ theme }) => ({
  width: "100%",
  display: "flex",
  flexDirection: "row",
  justifyContent: "space-between",
  alignItems: "center",
  [theme.breakpoints.down("md")]: {
    alignItems: "center",
    gap: "32px",
    flexDirection: "column",
  },
}));
 
export default GivePageFooter;