changes UI

resources/js/Components/DocumentsTable/DocumentUploadDialog.vue

@@ -9,7 +9,7 @@ import { FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/Comp
 import { Input } from '@/Components/ui/input'
 import { Textarea } from '@/Components/ui/textarea'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/Components/ui/select'
-import { Checkbox } from '@/Components/ui/checkbox'
+import { Switch } from '@/Components/ui/switch'
 
 const props = defineProps({
   show: { type: Boolean, default: false },
@@ -203,9 +203,9 @@ const onConfirm = () => {
       <FormField v-slot="{ value, handleChange }" name="is_public">
         <FormItem class="flex flex-row items-start space-x-3 space-y-0">
           <FormControl>
-            <Checkbox
-              :checked="value"
-              @update:checked="handleChange"
+            <Switch
+              :model-value="value"
+              @update:model-value="handleChange"
             />
           </FormControl>
           <div class="space-y-1 leading-none">