dst/store
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: improve SystemSection.vue by adding computed properties for upload state management, enhancing code readability and maintainability

Browse Source
This commit is contained in:
Yoga Pangestu 2026-07-02 23:00:18 +07:00
parent 3d00511626
commit c3db522c87
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/pages/admin/system/setting/form/SystemSection.vue
View File

@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { useForm } from '@inertiajs/vue3'; import { useForm } from '@inertiajs/vue3';
import { Save } from '@lucide/vue'; import { Save } from '@lucide/vue';
import { ref } from 'vue'; import { computed, ref } from 'vue';
import { toast } from 'vue-sonner'; import { toast } from 'vue-sonner';
import { PhoneNumberInput } from '@/components/form/phone-number-input'; import { PhoneNumberInput } from '@/components/form/phone-number-input';
import MediaDropzone from '@/components/media/MediaDropzone.vue'; import MediaDropzone from '@/components/media/MediaDropzone.vue';
@ -32,9 +32,9 @@ const logoState = ref<MediaUploadState>(createMediaUploadState());
const faviconState = ref<MediaUploadState>(createMediaUploadState()); const faviconState = ref<MediaUploadState>(createMediaUploadState());
const loginCoverState = ref<MediaUploadState>(createMediaUploadState()); const loginCoverState = ref<MediaUploadState>(createMediaUploadState());
const isUploading = computed(() => const isUploading = computed(() =>
logoState.value.pendingUploads > 0 || logoState.value.pendingUploads > 0 ||
faviconState.value.pendingUploads > 0 || faviconState.value.pendingUploads > 0 ||
loginCoverState.value.pendingUploads > 0 loginCoverState.value.pendingUploads > 0
); );