feat: Implement analysis job tracking with progress timeline and enhanced data source status management.
This commit is contained in:
@@ -1,5 +1,7 @@
|
||||
"use client"
|
||||
|
||||
import * as React from "react"
|
||||
|
||||
import {
|
||||
BadgeCheck,
|
||||
Bell,
|
||||
@@ -42,6 +44,19 @@ export function NavUser({
|
||||
}) {
|
||||
const { isMobile } = useSidebar()
|
||||
const { signOut } = useAuthActions()
|
||||
const seed = React.useMemo(() => {
|
||||
const base = user.email || user.name || "";
|
||||
return base.trim() || "user";
|
||||
}, [user.email, user.name]);
|
||||
const avatarUrl = user.avatar || `https://api.dicebear.com/7.x/bottts/svg?seed=${encodeURIComponent(seed)}`;
|
||||
const fallbackText = React.useMemo(() => {
|
||||
const base = user.name || user.email || "";
|
||||
const trimmed = base.trim();
|
||||
if (!trimmed) return "";
|
||||
const parts = trimmed.split(/\s+/);
|
||||
if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
|
||||
return `${parts[0][0]}${parts[parts.length - 1][0]}`.toUpperCase();
|
||||
}, [user.name, user.email])
|
||||
|
||||
return (
|
||||
<SidebarMenu>
|
||||
@@ -53,8 +68,8 @@ export function NavUser({
|
||||
className="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
|
||||
>
|
||||
<Avatar className="h-8 w-8 rounded-lg">
|
||||
<AvatarImage src={user.avatar} alt={user.name} />
|
||||
<AvatarFallback className="rounded-lg">CN</AvatarFallback>
|
||||
<AvatarImage src={avatarUrl} alt={user.name} />
|
||||
<AvatarFallback className="rounded-lg">{fallbackText}</AvatarFallback>
|
||||
</Avatar>
|
||||
<div className="grid flex-1 text-left text-sm leading-tight">
|
||||
<span className="truncate font-semibold">{user.name}</span>
|
||||
@@ -72,8 +87,8 @@ export function NavUser({
|
||||
<DropdownMenuLabel className="p-0 font-normal">
|
||||
<div className="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
|
||||
<Avatar className="h-8 w-8 rounded-lg">
|
||||
<AvatarImage src={user.avatar} alt={user.name} />
|
||||
<AvatarFallback className="rounded-lg">CN</AvatarFallback>
|
||||
<AvatarImage src={avatarUrl} alt={user.name} />
|
||||
<AvatarFallback className="rounded-lg">{fallbackText}</AvatarFallback>
|
||||
</Avatar>
|
||||
<div className="grid flex-1 text-left text-sm leading-tight">
|
||||
<span className="truncate font-semibold">{user.name}</span>
|
||||
|
||||
Reference in New Issue
Block a user