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}
+
+