chore(history): import initial web product snapshot

2026-07-25 00:30:00 +08:00
commit cf0eed46c3
131 changed files with 15693 additions and 0 deletions
@@ -0,0 +1,43 @@
+import { cn } from '@/utils/cn'
+import { colorFromString, initials } from '@/utils/misc'
+
+export function Avatar({
+  name,
+  size = 'md',
+  className,
+  online,
+}: {
+  name: string
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+  className?: string
+  online?: boolean
+}) {
+  const sizes = {
+    xs: 'h-6 w-6 text-[10px]',
+    sm: 'h-8 w-8 text-xs',
+    md: 'h-10 w-10 text-sm',
+    lg: 'h-12 w-12 text-base',
+    xl: 'h-16 w-16 text-lg',
+  }
+  return (
+    <span className={cn('relative inline-flex shrink-0', className)}>
+      <span
+        className={cn(
+          'flex items-center justify-center rounded-full font-medium',
+          sizes[size],
+          colorFromString(name || '?'),
+        )}
+      >
+        {initials(name)}
+      </span>
+      {online !== undefined && (
+        <span
+          className={cn(
+            'absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-card',
+            online ? 'bg-emerald-500' : 'bg-gray-300',
+          )}
+        />
+      )}
+    </span>
+  )
+}