From 80786f996fbdea7ace84dd4424f9950103f04ef6 Mon Sep 17 00:00:00 2001
From: ajdj100 <ajairplane@gmail.com>
Date: Thu, 18 Dec 2025 17:43:36 -0500
Subject: [PATCH] added unit colored dot next to unit display

---
 ui/src/components/members/MemberCard.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/members/MemberCard.vue b/ui/src/components/members/MemberCard.vue
index 249da24..7b4424c 100644
--- a/ui/src/components/members/MemberCard.vue
+++ b/ui/src/components/members/MemberCard.vue
@@ -9,6 +9,7 @@ import { cn } from '@/lib/utils.js'
 import { watch } from 'vue';
 import { format } from 'path';
 import Spinner from '../ui/spinner/Spinner.vue';
+import { Dot } from 'lucide-vue-next';
 
 
 // Props
@@ -125,9 +126,12 @@ function formatDate(date: Date): string {
                             <span class="font-medium">{{ memberFull.member.rank }}</span>
                         </div>
 
-                        <div v-if="memberFull.member.unit" class="flex justify-between">
+                        <div v-if="memberFull.member.unit" class="flex justify-between items-center">
                             <span class="text-muted-foreground">Unit</span>
-                            <span class="font-medium">{{ memberFull.member.unit }}</span>
+                            <span class="font-medium flex items-center gap-2">
+                                <span class="w-2 h-2 rounded-full" :style="{ backgroundColor: textColor }"></span>
+                                {{ memberFull.member.unit }}
+                            </span>
                         </div>
 
                         <div v-if="memberFull.member.status" class="flex justify-between">