changes UI

resources/js/Pages/Cases/Partials/ActivityDrawer.vue

@@ -15,7 +15,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/Components/ui/select";
-import { Checkbox } from "@/Components/ui/checkbox";
+import { Switch } from "@/Components/ui/switch";
 import { ref, watch, computed } from "vue";
 
 const props = defineProps({
@@ -357,7 +357,7 @@ watch(
           <div v-if="showSendAutoMail()" class="space-y-2">
             <div class="flex items-center justify-between">
               <div class="flex items-center space-x-2">
-                <Checkbox
+                <Switch
                   v-model="form.send_auto_mail"
                   :disabled="autoMailDisabled"
                 />
@@ -370,7 +370,7 @@ watch(
 
             <div v-if="templateAllowsAttachments && form.contract_uuid" class="mt-3">
               <label class="inline-flex items-center gap-2">
-                <Checkbox v-model="form.attach_documents" />
+                <Switch v-model="form.attach_documents" />
                 <span class="text-sm">Dodaj priponke iz izbrane pogodbe</span>
               </label>
               <div
@@ -392,9 +392,9 @@ watch(
                           :key="doc.uuid || doc.id"
                           class="flex items-center gap-2 text-sm"
                         >
-                          <Checkbox
-                            :checked="form.attachment_document_ids.includes(doc.id)"
-                            @update:checked="(checked) => {
+                          <Switch
+                            :model-value="form.attachment_document_ids.includes(doc.id)"
+                            @update:model-value="(checked) => {
                               if (checked) {
                                 if (!form.attachment_document_ids.includes(doc.id)) {
                                   form.attachment_document_ids.push(doc.id);