Add link to footer

app/components/layout/Footer.tsx

@@ -5,6 +5,7 @@ import { discordFullName } from "~/utils/strings";
 import {
   CONTRIBUTIONS_PAGE,
   FAQ_PAGE,
+  PRIVACY_POLICY_PAGE,
   SENDOU_INK_DISCORD_URL,
   SENDOU_INK_GITHUB_URL,
   SENDOU_INK_TWITTER_URL,
@@ -31,6 +32,7 @@ export function Footer({
   return (
     <footer className="layout__footer">
       <div className="layout__footer__link-list">
+        <Link to={PRIVACY_POLICY_PAGE}>{t("pages.privacy")}</Link>
         <Link to={CONTRIBUTIONS_PAGE}>{t("pages.contributors")}</Link>
         <Link to={FAQ_PAGE}>{t("pages.faq")}</Link>
         <a href={SPLATOON_2_SENDOU_IN_URL}>{t("pages.s2")}</a>
@@ -134,9 +136,7 @@ function PlaywireBadge() {
         </a>
       </p>
       <p className="playwire__text">
-        <a href="/contact-direct-sales" rel="noopener" target="_blank">
-          Advertise on this site
-        </a>
+        <a href="mailto:sales@playwire.com">Advertise on this site</a>
       </p>
     </div>
   );

app/styles/layout.css

@@ -156,15 +156,10 @@
 
 .layout__footer__link-list {
   display: flex;
-  justify-content: space-between;
+  justify-content: space-evenly;
   font-size: var(--fonts-xxs);
 }
 
-.layout__footer__link-list > a {
-  flex: 1 1 0;
-  text-align: center;
-}
-
 .layout__footer__socials {
   display: flex;
   justify-content: center;

app/utils/urls.ts

@@ -67,6 +67,7 @@ export const LOG_OUT_URL = "/auth/logout";
 export const ADMIN_PAGE = "/admin";
 export const ARTICLES_MAIN_PAGE = "/a";
 export const FAQ_PAGE = "/faq";
+export const PRIVACY_POLICY_PAGE = "/privacy-policy";
 export const SUPPORT_PAGE = "/support";
 export const CONTRIBUTIONS_PAGE = "/contributions";
 export const BADGES_PAGE = "/badges";

public/locales/en/common.json

@@ -16,6 +16,7 @@
   "pages.u": "User Search",
   "pages.t": "Teams",
   "pages.support": "Support",
+  "pages.privacy": "Privacy Policy",
 
   "header.profile": "Profile",
   "header.logout": "Log out",