sepehr
7fb486c9a4
## Translation Files - Add 11 new language files (es, de, pt, ru, zh, ja, ko, ar, hi, nl, pl) - Add 100+ missing translation keys across all 15 languages - New sections: notebook, pagination, ai.batchOrganization, ai.autoLabels - Update nav section with workspace, quickAccess, myLibrary keys ## Component Updates - Update 15+ components to use translation keys instead of hardcoded text - Components: notebook dialogs, sidebar, header, note-input, ghost-tags, etc. - Replace 80+ hardcoded English/French strings with t() calls - Ensure consistent UI across all supported languages ## Code Quality - Remove 77+ console.log statements from codebase - Clean up API routes, components, hooks, and services - Keep only essential error handling (no debugging logs) ## UI/UX Improvements - Update Keep logo to yellow post-it style (from-yellow-400 to-amber-500) - Change selection colors to #FEF3C6 (notebooks) and #EFB162 (nav items) - Make "+" button permanently visible in notebooks section - Fix grammar and syntax errors in multiple components ## Bug Fixes - Fix JSON syntax errors in it.json, nl.json, pl.json, zh.json - Fix syntax errors in notebook-suggestion-toast.tsx - Fix syntax errors in use-auto-tagging.ts - Fix syntax errors in paragraph-refactor.service.ts - Fix duplicate "fusion" section in nl.json 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Ou une version plus courte si vous préférez : feat(i18n): Add 15 languages, remove logs, update UI components - Create 11 new translation files (es, de, pt, ru, zh, ja, ko, ar, hi, nl, pl) - Add 100+ translation keys: notebook, pagination, AI features - Update 15+ components to use translations (80+ strings) - Remove 77+ console.log statements from codebase - Fix JSON syntax errors in 4 translation files - Fix component syntax errors (toast, hooks, services) - Update logo to yellow post-it style - Change selection colors (#FEF3C6, #EFB162) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
74 lines
2.5 KiB
TypeScript
74 lines
2.5 KiB
TypeScript
'use client'
|
|
|
|
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
|
|
import { Badge } from '@/components/ui/badge'
|
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
|
|
import { useLanguage } from '@/lib/i18n'
|
|
|
|
interface Collaborator {
|
|
id: string
|
|
name: string | null
|
|
email: string
|
|
image: string | null
|
|
}
|
|
|
|
interface CollaboratorAvatarsProps {
|
|
collaborators: Collaborator[]
|
|
ownerId: string
|
|
maxDisplay?: number
|
|
}
|
|
|
|
export function CollaboratorAvatars({ collaborators, ownerId, maxDisplay = 5 }: CollaboratorAvatarsProps) {
|
|
const { t } = useLanguage()
|
|
|
|
if (collaborators.length === 0) return null
|
|
|
|
const displayCollaborators = collaborators.slice(0, maxDisplay)
|
|
const remainingCount = collaborators.length - maxDisplay
|
|
|
|
return (
|
|
<div className="flex items-center gap-1 mt-2">
|
|
<TooltipProvider>
|
|
{displayCollaborators.map((collaborator) => (
|
|
<Tooltip key={collaborator.id}>
|
|
<TooltipTrigger asChild>
|
|
<div className="relative group">
|
|
<Avatar className="h-6 w-6 border-2 border-background">
|
|
<AvatarImage src={collaborator.image || undefined} />
|
|
<AvatarFallback className="text-xs">
|
|
{collaborator.name?.charAt(0).toUpperCase() || collaborator.email.charAt(0).toUpperCase()}
|
|
</AvatarFallback>
|
|
</Avatar>
|
|
{collaborator.id === ownerId && (
|
|
<div className="absolute -bottom-1 -right-1">
|
|
<Badge variant="secondary" className="text-[8px] h-3 px-1 min-w-0">
|
|
{t('collaboration.owner')}
|
|
</Badge>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</TooltipTrigger>
|
|
<TooltipContent>
|
|
<p className="font-medium">{collaborator.name || t('collaboration.unnamedUser')}</p>
|
|
<p className="text-xs text-muted-foreground">{collaborator.email}</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
))}
|
|
|
|
{remainingCount > 0 && (
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<div className="h-6 w-6 rounded-full bg-muted flex items-center justify-center text-xs border-2 border-background">
|
|
+{remainingCount}
|
|
</div>
|
|
</TooltipTrigger>
|
|
<TooltipContent>
|
|
<p>{remainingCount} {t('collaboration.canEdit')}</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
)}
|
|
</TooltipProvider>
|
|
</div>
|
|
)
|
|
}
|