fix: add inputPlaceholder props

ICIJ · Aug 27, 2024 · d3e8c6c · d3e8c6c
1 parent ffcec3b
commit d3e8c6c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/AppModal/AppModalPrompt.vue b/src/components/AppModal/AppModalPrompt.vue
@@ -9,7 +9,7 @@ defineProps({
     type: String,
     default: 'text'
   },
-  placeholder: {
+  inputPlaceholder: {
     type: String,
     default: null
   },
@@ -53,7 +53,7 @@ const onOk = () => {
           :invalid-feedback="inputInvalidFeedback"
           :state="inputState"
         >
-          <b-form-input id="input-1" v-model="inputValue" :type="inputType" :placeholder="placeholder" />
+          <b-form-input id="input-1" v-model="inputValue" :type="inputType" :placeholder="inputPlaceholder" />
         </b-form-group>
         <p class="text-secondary-emphasis">
           <slot name="description">{{ description }}</slot>

diff --git a/src/stories/components/AppModal/AppModalPrompt.stories.js b/src/stories/components/AppModal/AppModalPrompt.stories.js
@@ -60,6 +60,7 @@ export const InputError = {
     okTitle: 'Create alert',
     cancelTitle: 'Cancel',
     inputValue: 'bad alert name',
+    inputPlaceholder: 'Type here',
     description: 'You will find your saved searches in the left menu in Explore > Alerts',
     inputState: false,
     inputInvalidFeedback: 'Invalid alert name'