From e3c552dd5419088afe2c7d2889cf30405549b7d8 Mon Sep 17 00:00:00 2001
From: SabreCat <sabe@habitica.com>
Date: Wed, 10 Aug 2022 14:59:19 -0500
Subject: [PATCH] WIP(dropdown): add placeholder text

---
 .../group-plans/groupPlanCreationModal.vue    | 33 +------------------
 .../modal-controls/selectTranslatedArray.vue  |  4 +++
 .../client/src/components/ui/selectList.vue   |  5 ++-
 3 files changed, 9 insertions(+), 33 deletions(-)

diff --git a/website/client/src/components/group-plans/groupPlanCreationModal.vue b/website/client/src/components/group-plans/groupPlanCreationModal.vue
index 4d87ca5969..2c95562fcb 100644
--- a/website/client/src/components/group-plans/groupPlanCreationModal.vue
+++ b/website/client/src/components/group-plans/groupPlanCreationModal.vue
@@ -93,7 +93,6 @@
           :text="$t('groupUse')"
         />
         <select-translated-array
-          v-model="newGroup.demographics"
           :items="[
             'groupParentChildren',
             'groupCouple',
@@ -102,8 +101,8 @@
             'groupManager',
             'groupTeacher'
           ]"
-          :placeholder="$t('groupUseDefault')"
           class="group-input"
+          :placeholder="'groupUseDefault'"
           :value="newGroup.demographics"
           @select="newGroup.demographics = $event"
         />
@@ -261,36 +260,6 @@ export default {
     lockableLabel,
   },
   mixins: [paymentsMixin],
-  props: {
-    // groupUseDefault: {
-    //   type: String,
-    //   default: 'groupUseDefault',
-    // },
-    groupParentChildren: {
-      type: String,
-      default: 'groupParentChildren',
-    },
-    groupCouple: {
-      type: String,
-      default: 'groupCouple',
-    },
-    groupFriends: {
-      type: String,
-      default: 'groupFriends',
-    },
-    groupCoworkers: {
-      type: String,
-      default: 'groupCoworkers',
-    },
-    groupManager: {
-      type: String,
-      default: 'groupManager',
-    },
-    groupTeacher: {
-      type: String,
-      default: 'groupTeacher',
-    },
-  },
   data () {
     return {
       amazonPayments: {},
diff --git a/website/client/src/components/tasks/modal-controls/selectTranslatedArray.vue b/website/client/src/components/tasks/modal-controls/selectTranslatedArray.vue
index 0b201f3d11..21e0cad24f 100644
--- a/website/client/src/components/tasks/modal-controls/selectTranslatedArray.vue
+++ b/website/client/src/components/tasks/modal-controls/selectTranslatedArray.vue
@@ -9,6 +9,7 @@
       :right="right"
       :hide-icon="false"
       :inline-dropdown="inlineDropdown"
+      :placeholder="placeholder"
       @select="selectItem($event)"
     >
       <template v-slot:item="{ item }">
@@ -70,6 +71,9 @@ export default {
       type: Boolean,
       default: true,
     },
+    placeholder: {
+      type: String,
+    },
   },
   data () {
     return {
diff --git a/website/client/src/components/ui/selectList.vue b/website/client/src/components/ui/selectList.vue
index c5607b1e60..1d8c93cca2 100644
--- a/website/client/src/components/ui/selectList.vue
+++ b/website/client/src/components/ui/selectList.vue
@@ -12,7 +12,7 @@
       <template v-slot:button-content>
         <slot
           name="item"
-          :item="selected"
+          :item="selected || placeholder"
           :button="true"
         >
           <!-- Fallback content -->
@@ -114,6 +114,9 @@ export default {
       type: Boolean,
       default: true,
     },
+    placeholder: {
+      type: String,
+    },
   },
   data () {
     return {