diff --git a/app/components/layout/Footer.module.css b/app/components/layout/Footer.module.css index 2bb369675..6f868ee28 100644 --- a/app/components/layout/Footer.module.css +++ b/app/components/layout/Footer.module.css @@ -12,6 +12,11 @@ display: flex; justify-content: space-evenly; font-size: var(--font-2xs); + + & > * { + flex: 1; + text-align: center; + } } .socials { diff --git a/app/components/layout/Footer.tsx b/app/components/layout/Footer.tsx index bfcca2bca..52d45c399 100644 --- a/app/components/layout/Footer.tsx +++ b/app/components/layout/Footer.tsx @@ -1,12 +1,12 @@ import { useTranslation } from "react-i18next"; import { Link } from "react-router"; +import { useUser } from "~/features/auth/core/user"; import { usePatrons } from "~/hooks/swr"; import { API_PAGE, CONTRIBUTIONS_PAGE, FAQ_PAGE, NINTENDO_COMMUNITY_TOURNAMENTS_GUIDELINES_URL, - PRIVACY_POLICY_PAGE, SENDOU_INK_DISCORD_URL, SENDOU_INK_GITHUB_URL, SENDOU_LOVE_EMOJI_PATH, @@ -21,16 +21,20 @@ import styles from "./Footer.module.css"; export function Footer() { const { t } = useTranslation(); + const user = useUser(); + + const showPrivacySettings = + import.meta.env.VITE_FUSE_ENABLED && !user?.roles.includes("MINOR_SUPPORT"); const currentYear = new Date().getFullYear(); return (