diff --git a/app/components/FriendCodeInput.tsx b/app/components/FriendCodeInput.tsx index c78a16fe3..df1a7c862 100644 --- a/app/components/FriendCodeInput.tsx +++ b/app/components/FriendCodeInput.tsx @@ -62,7 +62,7 @@ export function FriendCodeInput({ {!friendCode ? ( - Save + {t("common:actions.save")} ) : null} diff --git a/app/components/MobileNav.module.css b/app/components/MobileNav.module.css index 5a7cd5169..54df6823b 100644 --- a/app/components/MobileNav.module.css +++ b/app/components/MobileNav.module.css @@ -188,6 +188,13 @@ } } +.menuHeaderActions { + display: flex; + align-items: center; + gap: var(--s-2); + margin-inline-start: auto; +} + .panelCloseButton { display: grid; place-items: center; diff --git a/app/components/MobileNav.tsx b/app/components/MobileNav.tsx index 7d7f18c89..3b3c733d1 100644 --- a/app/components/MobileNav.tsx +++ b/app/components/MobileNav.tsx @@ -2,6 +2,7 @@ import clsx from "clsx"; import { Calendar, ChevronRight, + Heart, LogIn, Menu, MessageSquare, @@ -26,9 +27,11 @@ import { FRIENDS_PAGE, navIconUrl, SETTINGS_PAGE, + SUPPORT_PAGE, userPage, } from "~/utils/urls"; import { Avatar } from "./Avatar"; +import { LinkButton } from "./elements/Button"; import { EventsList } from "./EventsList"; import { Image } from "./Image"; import { ChatSidebar } from "./layout/ChatSidebar"; @@ -342,13 +345,25 @@ function MenuOverlay({

{t("front:mobileNav.menu")}

- +
+ {!user?.roles.includes("MINOR_SUPPORT") ? ( + } + variant="outlined" + > + {t("common:pages.support")} + + ) : null} + +