video preview version

client/src/components/MemberCard.jsx

@@ -1,3 +1,4 @@
+import { getInitials } from '../utils/api'
 import BrandBadge from './BrandBadge'
 
 const ROLE_BADGES = {
@@ -16,11 +17,6 @@ const ROLE_BADGES = {
 }
 
 export default function MemberCard({ member, onClick }) {
-  const getInitials = (name) => {
-    if (!name) return '?'
-    return name.split(' ').map(w => w[0]).join('').slice(0, 2).toUpperCase()
-  }
-
   const role = ROLE_BADGES[member.team_role || member.role] || ROLE_BADGES.default
 
   const avatarColors = [