Notification Settings Redesign

package.json

@@ -27,13 +27,13 @@
         "@emotion/styled": "^11.14.1",
         "@fontsource-variable/roboto": "^5.2.10",
         "@khmyznikov/pwa-install": "^0.6.4",
-        "@mui/icons-material": "^9.1.1",
-        "@mui/material": "^9.1.2",
-        "@mui/x-date-pickers": "^9.7.0",
+        "@mui/icons-material": "^9.2.0",
+        "@mui/material": "^9.2.0",
+        "@mui/x-date-pickers": "^9.9.0",
         "@tanstack/react-query": "^5.101.2",
-        "@tanstack/react-router": "^1.170.16",
+        "@tanstack/react-router": "^1.170.17",
         "@tanstack/react-router-ssr-query": "^1.167.1",
-        "@tanstack/react-start": "^1.168.26",
+        "@tanstack/react-start": "^1.168.27",
         "js-cookie": "^3.0.8",
         "luxon": "^3.7.2",
         "nitro": "3.0.260610-beta",
@@ -55,18 +55,18 @@
         "@tsconfig/strictest": "^2.0.8",
         "@types/js-cookie": "^3.0.6",
         "@types/luxon": "^3.7.2",
-        "@types/node": "^26.0.1",
+        "@types/node": "^26.1.1",
         "@types/react": "19.2.17",
         "@types/react-dom": "19.2.3",
         "@vitejs/plugin-react": "^6.0.3",
         "babel-plugin-react-compiler": "^1.0.0",
         "npm-run-all": "^4.1.5",
         "openapi-typescript": "^7.13.0",
-        "oxfmt": "^0.57.0",
-        "oxlint": "^1.72.0",
-        "oxlint-tsgolint": "^0.23.0",
+        "oxfmt": "^0.58.0",
+        "oxlint": "^1.73.0",
+        "oxlint-tsgolint": "^0.24.0",
         "serwist": "^9.5.11",
-        "typescript": "^6.0.3",
-        "vite": "^8.1.0"
+        "typescript": "^7.0.2",
+        "vite": "^8.1.4"
     }
 }

pnpm-workspace.yaml

@@ -1,7 +1,3 @@
 allowBuilds:
     core-js-pure: true
     esbuild: true
-
-# Needed due to a dependency issue in nitro@3.0.260610-beta
-patchedDependencies:
-    nf3@0.3.18: patches/nf3@0.3.18.patch

src/components/user/UserBar.tsx

@@ -15,6 +15,8 @@ import SettingsModal from "@/components/user/settings/SettingsModal";
 import { UserAvatar } from "@/components/utils/UserAvatar";
 import { useCommunity } from "@/lib/hooks/useCommunity";
 import { useMyUser } from "@/lib/hooks/useMyUser";
+import { usePreferences } from "@/lib/hooks/usePreferences";
+import { PushSubscriptionProvider } from "@/lib/pushSubscriptionProvider";
 import { useUser } from "@/lib/hooks/useUser";
 import { useUserChainConfigs } from "@/lib/hooks/useUserChainConfigs";
 import { useUserSessions } from "@/lib/hooks/useUserSessions";
@@ -35,6 +37,8 @@ function UserBar() {
     const { userConfigError, userConfigLoading, mutateUserConfig } = useUserConfig(chain.profile.identifier);
     const { userChainConfigs } = useUserChainConfigs();
     const { userSessions } = useUserSessions();
+    // Prewarm the preferences query on page load so the settings modal opens fully resolved.
+    usePreferences();
     const [activeModal, setActiveModal] = useState<"community" | "settings" | "agenda" | "profile" | null>(null);
     const closeModal = () => setActiveModal(null);
     const friendRequestCount =
@@ -58,7 +62,7 @@ function UserBar() {
                         Logg inn
                     </Button>
                 ) : (
-                    <>
+                    <PushSubscriptionProvider>
                         <Box
                             sx={{
                                 display: "flex",
@@ -171,7 +175,7 @@ function UserBar() {
                         <AgendaModal open={activeModal === "agenda"} onClose={closeModal} />
                         <SettingsModal open={activeModal === "settings"} onClose={closeModal} />
                         <ProfileModal open={activeModal === "profile"} onClose={closeModal} />
-                    </>
+                    </PushSubscriptionProvider>
                 )}
             </>
         )