checkmark for confirmed phone numbers

This commit is contained in:
Simon Pocrnjič 2026-01-28 21:32:13 +01:00
parent 368b0a7cf7
commit ad0f7a7a01

View File

@ -8,7 +8,13 @@ import {
} from "@/Components/ui/dropdown-menu"; } from "@/Components/ui/dropdown-menu";
import { Card } from "@/Components/ui/card"; import { Card } from "@/Components/ui/card";
import { Button } from "../ui/button"; 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"; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/tooltip";
const props = defineProps({ const props = defineProps({
@ -79,8 +85,9 @@ const handleSms = (phone) => emit("sms", phone);
</DropdownMenu> </DropdownMenu>
</div> </div>
</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 }} {{ phone.nu }}
<CircleCheckBigIcon color="#3e9392" size="20" v-if="phone.validated" />
</p> </p>
<p class="text-sm text-muted-foreground p-1" v-if="phone.description"> <p class="text-sm text-muted-foreground p-1" v-if="phone.description">
{{ phone.description }} {{ phone.description }}