fix(xo-lite/stories): add missing required props for UiButton compone…

…nt configs (#7996)
vatesfr · Sep 20, 2024 · 21bd739 · 21bd739
1 parent 89aa7df
commit 21bd739
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 13 deletions.
diff --git a/@xen-orchestra/lite/src/stories/modals/layouts/confirm-modal-layout.story.vue b/@xen-orchestra/lite/src/stories/modals/layouts/confirm-modal-layout.story.vue
@@ -15,8 +15,8 @@
       <template #title>{{ settings.title }}</template>
       <template #subtitle>{{ settings.subtitle }}</template>
       <template #buttons>
-        <UiButton level="secondary">I prefer not</UiButton>
-        <UiButton>Yes, I'm sure!</UiButton>
+        <UiButton level="secondary" color="normal" size="medium">I prefer not</UiButton>
+        <UiButton level="primary" color="normal" size="medium">Yes, I'm sure!</UiButton>
       </template>
     </ConfirmModalLayout>
   </ComponentStory>

diff --git a/@xen-orchestra/lite/src/stories/modals/layouts/form-modal-layout.story.vue b/@xen-orchestra/lite/src/stories/modals/layouts/form-modal-layout.story.vue
@@ -23,8 +23,8 @@
       </div>
 
       <template #buttons>
-        <UiButton level="secondary">Cancel</UiButton>
-        <UiButton>Migrate 3 VMs</UiButton>
+        <UiButton level="secondary" color="normal" size="medium">Cancel</UiButton>
+        <UiButton level="primary" color="normal" size="medium">Migrate 3 VMs</UiButton>
       </template>
     </FormModalLayout>
   </ComponentStory>

diff --git a/@xen-orchestra/lite/src/stories/web-core/button/button-group.story.vue b/@xen-orchestra/lite/src/stories/web-core/button/button-group.story.vue
@@ -7,10 +7,10 @@
     ]"
   >
     <ButtonGroup v-bind="properties">
-      <UiButton level="secondary">Cancel</UiButton>
-      <UiButton>Call to action</UiButton>
+      <UiButton level="secondary" color="normal" size="medium">Cancel</UiButton>
+      <UiButton level="primary" color="normal" size="medium">Call to action</UiButton>
       <template #tertiary>
-        <UiButton level="tertiary" color="warning">Secondary call to action</UiButton>
+        <UiButton level="tertiary" color="warning" size="medium">Secondary call to action</UiButton>
       </template>
     </ButtonGroup>
   </ComponentStory>

diff --git a/@xen-orchestra/lite/src/stories/web-core/button/ui-button.story.md b/@xen-orchestra/lite/src/stories/web-core/button/ui-button.story.md
@@ -1,5 +1,5 @@
 Here is some doc for UiButton component
 
 ```vue-template
-<UiButton @click="doSomething">Click me</UiButton>
+<UiButton level="primary" color="normal" size="medium" @click="doSomething">Click me</UiButton>
 ```
diff --git a/@xen-orchestra/lite/src/stories/web-core/card/card-title.story.vue b/@xen-orchestra/lite/src/stories/web-core/card/card-title.story.vue
@@ -15,7 +15,7 @@
       <UiCounter :value="3" color="danger" size="medium" />
       <template #info>
         {{ settings.infoSlotContent }}
-        <UiButton level="tertiary" size="small" :right-icon="faAngleRight">See all</UiButton>
+        <UiButton level="tertiary" size="small" color="normal" :right-icon="faAngleRight">See all</UiButton>
       </template>
       <template #description>{{ settings.descriptionSlotContent }}</template>
     </CardTitle>

diff --git a/@xen-orchestra/lite/src/stories/web-core/head-bar/head-bar.story.md b/@xen-orchestra/lite/src/stories/web-core/head-bar/head-bar.story.md
@@ -7,8 +7,8 @@
     <ObjectIcon type="host" state="running" size="medium" />
   </template>
   <template #actions>
-    <UiButton size="medium" :left-icon="faPlus">New VM</UiButton>
-    <UiButton size="medium" :left-icon="faPowerOff">Change state</UiButton>
+    <UiButton size="medium" level="primary" color="normal" :left-icon="faPlus">New VM</UiButton>
+    <UiButton size="medium" level="secondary" color="normal" :left-icon="faPowerOff">Change state</UiButton>
   </template>
 </HeadBar>
 ```

diff --git a/@xen-orchestra/lite/src/stories/web-core/head-bar/head-bar.story.vue b/@xen-orchestra/lite/src/stories/web-core/head-bar/head-bar.story.vue
@@ -19,8 +19,8 @@
         migrating... (34%)
       </template>
       <template v-if="settings.showDemoButtons" #actions>
-        <UiButton size="medium" :left-icon="faPlus">New VM</UiButton>
-        <UiButton size="medium" :left-icon="faPowerOff">Change state</UiButton>
+        <UiButton size="medium" level="primary" color="normal" :left-icon="faPlus">New VM</UiButton>
+        <UiButton size="medium" level="secondary" color="normal" :left-icon="faPowerOff">Change state</UiButton>
       </template>
     </HeadBar>
   </ComponentStory>