chore: clean up repo for public release
- Remove BMAD framework, IDE configs, dev screenshots, test files, internal docs, and backup files - Rename keep-notes/ to memento-note/ - Update all references from keep-notes to memento-note - Add Apache 2.0 license with Commons Clause (non-commercial restriction) - Add clean .gitignore and .env.docker.example
This commit is contained in:
73
memento-note/components/collaborator-avatars.tsx
Normal file
73
memento-note/components/collaborator-avatars.tsx
Normal file
@@ -0,0 +1,73 @@
|
||||
'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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user