[ux] use combobox studio on edit person form

cgwire · Jun 7, 2024 · 05f868e · 05f868e
1 parent ed7e676
commit 05f868e
Showing 1 changed file with 4 additions and 13 deletions.
diff --git a/src/components/modals/EditPersonModal.vue b/src/components/modals/EditPersonModal.vue
@@ -95,9 +95,9 @@
             </button>
           </div>
         </div>
-        <combobox
+        <combobox-studio
+          class="field"
           :label="$t('people.fields.studio')"
-          :options="studioOptions"
           v-model="form.studio_id"
           v-if="!isBot"
         />
@@ -177,6 +177,7 @@ import { modalMixin } from '@/components/modals/base_modal'
 
 import Combobox from '@/components/widgets/Combobox.vue'
 import ComboboxDepartment from '@/components/widgets/ComboboxDepartment.vue'
+import ComboboxStudio from '@/components/widgets/ComboboxStudio.vue'
 import DateField from '@/components/widgets/DateField.vue'
 import DepartmentName from '@/components/widgets/DepartmentName.vue'
 import TextField from '@/components/widgets/TextField.vue'
@@ -189,6 +190,7 @@ export default {
   components: {
     Combobox,
     ComboboxDepartment,
+    ComboboxStudio,
     DateField,
     DepartmentName,
     TextField
@@ -282,7 +284,6 @@ export default {
       'departmentMap',
       'isCurrentUserAdmin',
       'people',
-      'studios',
       'user'
     ]),
 
@@ -292,16 +293,6 @@ export default {
       )
     },
 
-    studioOptions() {
-      return [
-        { label: '', value: null },
-        ...this.studios.map(studio => ({
-          label: studio.name,
-          value: studio.id
-        }))
-      ]
-    },
-
     isEditing() {
       return Boolean(this.personToEdit?.id)
     },