perf upgrade

src/features/settings/components/accent-color-picker.tsx

@@ -1,5 +1,5 @@
 import { Box, ColorSwatch, Group, Text } from '@mantine/core';
-import { updateUserAccentColor } from '@/utils/supertokens';
+import { updateUserAccentColor } from '@/features/settings/server';
 import { useAuth } from '@/contexts/auth-context';
 
 const colors = ['blue', 'red', 'green', 'yellow', 'grape', 'orange', 'pink', 'lime'];

src/features/settings/components/color-scheme-picker.tsx

@@ -1,6 +1,6 @@
 import { Center, Box, Text, SegmentedControl, MantineColorScheme } from '@mantine/core';
 import { SunIcon, MoonIcon, Icon, MonitorIcon } from '@phosphor-icons/react'
-import { updateUserColorScheme } from '@/utils/supertokens';
+import { updateUserColorScheme } from '@/features/settings/server';
 import { useAuth } from '@/contexts/auth-context';
 
 interface ColorSchemeLabelProps {

src/features/settings/server.ts

@@ -0,0 +1,49 @@
+import { createServerFn } from "@tanstack/react-start";
+import { superTokensFunctionMiddleware } from "@/utils/supertokens";
+import { serverFnLoggingMiddleware } from "@/utils/activities";
+
+export const updateUserColorScheme = createServerFn({ method: "POST" })
+  .validator((data: string) => data)
+  .middleware([superTokensFunctionMiddleware, serverFnLoggingMiddleware])
+  .handler(async ({ context, data }) => {
+    const { userAuthId, metadata } = context;
+    if (!userAuthId) return;
+
+    const { updateUserMetadataFields } = await import(
+      "@/utils/supertokens-core.server"
+    );
+
+    await updateUserMetadataFields(userAuthId, {
+      colorScheme: data,
+    });
+
+    return {
+      metadata: {
+        ...metadata,
+        colorScheme: data,
+      },
+    };
+  });
+
+export const updateUserAccentColor = createServerFn({ method: "POST" })
+  .validator((data: string) => data)
+  .middleware([superTokensFunctionMiddleware, serverFnLoggingMiddleware])
+  .handler(async ({ context, data }) => {
+    const { userAuthId, metadata } = context;
+    if (!userAuthId) return;
+
+    const { updateUserMetadataFields } = await import(
+      "@/utils/supertokens-core.server"
+    );
+
+    await updateUserMetadataFields(userAuthId, {
+      accentColor: data,
+    });
+
+    return {
+      metadata: {
+        ...metadata,
+        accentColor: data,
+      },
+    };
+  });