From 8d62fe0094c77e67d36bcdbe74556fbc70801aa0 Mon Sep 17 00:00:00 2001 From: Developing-Gamer Date: Wed, 27 May 2026 13:35:41 -0700 Subject: [PATCH] Refine dashboard account settings shell and sidebar items. Co-authored-by: Cursor --- .../dashboard-account-settings-page.tsx | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/apps/dashboard/src/components/dashboard-account-settings/dashboard-account-settings-page.tsx b/apps/dashboard/src/components/dashboard-account-settings/dashboard-account-settings-page.tsx index 5da3465b7..ec4056569 100644 --- a/apps/dashboard/src/components/dashboard-account-settings/dashboard-account-settings-page.tsx +++ b/apps/dashboard/src/components/dashboard-account-settings/dashboard-account-settings-page.tsx @@ -12,7 +12,7 @@ import { Plus, } from "@phosphor-icons/react"; import React, { Suspense, useEffect, useMemo, useRef, useState } from "react"; -import { useStackApp, useUser } from "@stackframe/stack"; +import { Team, useStackApp, useUser } from "@stackframe/stack"; import { SidebarLayout } from './sidebar-layout'; import { ActiveSessionsPage } from "./active-sessions/active-sessions-page"; import { ApiKeysPage } from "./api-keys/api-keys-page"; @@ -42,6 +42,8 @@ const Icon = ({ name }: { name: keyof typeof iconMap }) => { return ; }; +const emptyTeams: Team[] = []; + export function DashboardAccountSettingsPage(props: { mockUser?: { displayName?: string, @@ -79,9 +81,8 @@ export function DashboardAccountSettingsPage(props: { const user = props.mockUser ? null : userFromHook; const project = props.mockProject || projectFromHook; - const teams = user?.useTeams() || []; - const teamsKey = useMemo(() => teams.map(team => team.id).join("|"), [teams]); - const teamsById = useMemo(() => teams, [teamsKey]); + const teams = user?.useTeams() ?? emptyTeams; + const teamsById = useMemo(() => teams, [teams]); const userRef = useRef(userFromHook ?? null); const userId = userFromHook?.id ?? null;