From 223c311920f28f0c6edb4662db1f348b539bc8be Mon Sep 17 00:00:00 2001
From: "shakespeare.diy" <assistant@shakespeare.diy>
Date: Tue, 16 Jun 2026 11:11:16 +0700
Subject: [PATCH] fix: add editor icon + colored badges to Lab profile cards

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
---
 src/pages/LabPage.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/pages/LabPage.tsx b/src/pages/LabPage.tsx
index ea2ff27..0e83565 100644
--- a/src/pages/LabPage.tsx
+++ b/src/pages/LabPage.tsx
@@ -387,6 +387,7 @@ function ProfileCard({ profile }: { profile: LabProfile }) {
 
   const isCoach = profile.profileType === 'coach';
   const isFilmer = profile.profileType === 'filmer';
+  const isEditor = profile.profileType === 'editor';
 
   // Get skill labels based on profile type
   const getSkillLabel = (skill: string) => {
@@ -394,6 +395,9 @@ function ProfileCard({ profile }: { profile: LabProfile }) {
     if (isFilmer) {
       return FILMING_SERVICE_LABELS[skill] || FILMING_SKILL_LABELS[skill] || skill;
     }
+    if (isEditor) {
+      return EDITOR_SERVICE_LABELS[skill] || EDITOR_SKILL_LABELS[skill] || skill;
+    }
     return skill;
   };
 
@@ -407,6 +411,7 @@ function ProfileCard({ profile }: { profile: LabProfile }) {
               <h3 className="font-black text-xl uppercase text-white">{displayName}</h3>
               {isCoach && <GraduationCap className="h-5 w-5 text-red-500" />}
               {isFilmer && <Video className="h-5 w-5 text-orange-500" />}
+              {isEditor && <Scissors className="h-5 w-5 text-purple-500" />}
             </div>
             {nip05 && (
               <div className="flex items-center gap-1 text-xs">
@@ -440,7 +445,18 @@ function ProfileCard({ profile }: { profile: LabProfile }) {
           {profile.skills.length > 0 && (
             <div className="flex flex-wrap gap-1 mb-3">
               {profile.skills.slice(0, 3).map((skill: string) => (
-                <Badge key={skill} variant="secondary" className="text-xs bg-gray-800 border-gray-700">
+                <Badge
+                  key={skill}
+                  variant="secondary"
+                  className={cn(
+                    'text-xs',
+                    isEditor
+                      ? 'bg-purple-900/50 border-purple-700 text-purple-300'
+                      : isFilmer
+                      ? 'bg-orange-900/50 border-orange-700 text-orange-300'
+                      : 'bg-gray-800 border-gray-700'
+                  )}
+                >
                   {getSkillLabel(skill)}
                 </Badge>
               ))}