valknar/sexy.pivoine.art
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: handle undefined user name in UI components

Browse Source 
- Added null check in getUserInitials function to return "??" for undefined names
- Fixed logout button to handle undefined user.name when displaying first name
- Prevents 500 errors when rendering components for users without names

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Valknar XXX
2025-10-28 04:48:41 +01:00
parent e226a47028
commit 5bd2d9c215
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/frontend/src/lib/components/logout-button/logout-button.svelte
View File

@@ -130,7 +130,7 @@ $effect(() => {
</AvatarFallback> </AvatarFallback>
</Avatar> </Avatar>
<div class="text-left flex flex-col min-w-0 flex-1"> <div class="text-left flex flex-col min-w-0 flex-1">
<span class="text-sm font-medium text-foreground leading-none truncate transition-all duration-200 {isNearThreshold ? 'text-destructive' : ''}" style="opacity: {Math.max(0.15, 1 - slideProgress * 1.5)}">{user.name.split(" ")[0]}</span> <span class="text-sm font-medium text-foreground leading-none truncate transition-all duration-200 {isNearThreshold ? 'text-destructive' : ''}" style="opacity: {Math.max(0.15, 1 - slideProgress * 1.5)}">{user.name ? user.name.split(" ")[0] : "User"}</span>
<span class="text-xs text-muted-foreground leading-none transition-all duration-200 {isNearThreshold ? 'text-destructive/70' : ''}" style="opacity: {Math.max(0.1, 1 - slideProgress * 1.8)}"> <span class="text-xs text-muted-foreground leading-none transition-all duration-200 {isNearThreshold ? 'text-destructive/70' : ''}" style="opacity: {Math.max(0.1, 1 - slideProgress * 1.8)}">
{slideProgress > 0.3 ? "Logout" : "Online"} {slideProgress > 0.3 ? "Logout" : "Online"}
</span> </span>

1
packages/frontend/src/lib/utils.ts
View File

@@ -27,6 +27,7 @@ export const calcReadingTime = (text: string) => {
}; };
export const getUserInitials = (name: string) => { export const getUserInitials = (name: string) => {
if (!name) return "??";
return name return name
.split(" ") .split(" ")
.map((word) => word.charAt(0)) .map((word) => word.charAt(0))