From e4c4b9178d92448816ff5840a39003e8996c8fe4 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Wed, 26 Feb 2025 20:58:52 +0330
Subject: [PATCH] Updated

---
 frontend/components/global/ColorCircle.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/components/global/ColorCircle.vue b/frontend/components/global/ColorCircle.vue
index 3db00be..0d3c2df 100644
--- a/frontend/components/global/ColorCircle.vue
+++ b/frontend/components/global/ColorCircle.vue
@@ -3,18 +3,21 @@
 // types
 
 type Props = {
+    selectable?: boolean,
     selected?: boolean;
 }
 
 // props
 
-defineProps<Props>();
+withDefaults(defineProps<Props>(), {
+    selectable: false
+});
 
 </script>
 
 <template>
     <div
-        class="size-[25px] rounded-full transition-all ring-2 ring-offset-4 shadow-black/30 shadow-inner"
-        :class="selected ? 'ring-blue-500' : 'ring-transparent'"
+        class="size-[25px] rounded-full transition-all shadow-black/30 shadow-inner"
+        :class="[selectable ? 'ring-2 ring-offset-4 ' : '', selected ? 'ring-blue-500' : 'ring-transparent']"
     />
 </template>
\ No newline at end of file