songtianlun/prmbr-image-mksaas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: do not show upgrade card when sidebar collapses

Browse Source
This commit is contained in:
javayhu 2025-05-27 23:09:47 +08:00
parent 5824e7489c
commit 1e203f4e87
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/dashboard/dashboard-sidebar.tsx
View File

@ -10,6 +10,7 @@ import {
SidebarMenu,
SidebarMenuButton,
SidebarMenuItem,
useSidebar,
} from '@/components/ui/sidebar';
import { getSidebarLinks } from '@/config/sidebar-config';
import { LocaleLink } from '@/i18n/navigation';
@ -31,6 +32,7 @@ export function DashboardSidebar({
const [mounted, setMounted] = useState(false);
const { data: session, isPending } = authClient.useSession();
const currentUser = session?.user;
const { state } = useSidebar();
// console.log('sidebar currentUser:', currentUser);
const sidebarLinks = getSidebarLinks();
@ -73,8 +75,8 @@ export function DashboardSidebar({
{/* Only show UI components when not in loading state */}
{!isPending && mounted && (
<>
{/* show upgrade card if user is not a member */}
{currentUser && <UpgradeCard />}
{/* show upgrade card if user is not a member, and sidebar is not collapsed */}
{currentUser && state !== 'collapsed' && <UpgradeCard />}
{/* show user profile if user is logged in */}
{currentUser && <SidebarUser user={currentUser} />}