From ad0f7a7a019a8eef25998d8087c16f0aefa81996 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20Pocrnji=C4=8D?= <simon.pocrnjic@lume-solutions.si>
Date: Wed, 28 Jan 2026 21:32:13 +0100
Subject: [PATCH] checkmark for confirmed phone numbers

---
 .../js/Components/PersonInfo/PersonInfoPhonesTab.vue  | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/resources/js/Components/PersonInfo/PersonInfoPhonesTab.vue b/resources/js/Components/PersonInfo/PersonInfoPhonesTab.vue
index 25e7d59..3f21297 100644
--- a/resources/js/Components/PersonInfo/PersonInfoPhonesTab.vue
+++ b/resources/js/Components/PersonInfo/PersonInfoPhonesTab.vue
@@ -8,7 +8,13 @@ import {
 } from "@/Components/ui/dropdown-menu";
 import { Card } from "@/Components/ui/card";
 import { Button } from "../ui/button";
-import { EllipsisVertical, MessageSquare, MessageSquareText } from "lucide-vue-next";
+import {
+  CircleCheckBigIcon,
+  CircleCheckIcon,
+  EllipsisVertical,
+  MessageSquare,
+  MessageSquareText,
+} from "lucide-vue-next";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/tooltip";
 
 const props = defineProps({
@@ -79,8 +85,9 @@ const handleSms = (phone) => emit("sms", phone);
             </DropdownMenu>
           </div>
         </div>
-        <p class="font-medium leading-relaxed p-1">
+        <p class="font-medium leading-relaxed p-1 flex gap-1 items-center">
           {{ phone.nu }}
+          <CircleCheckBigIcon color="#3e9392" size="20" v-if="phone.validated" />
         </p>
         <p class="text-sm text-muted-foreground p-1" v-if="phone.description">
           {{ phone.description }}