using fetch version of dsn widget

nasa-jpl · Aug 15, 2024 · 88ede73 · 88ede73
1 parent 402121b
commit 88ede73
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/apps/vue-storybook/.storybook/_mock-components.js b/apps/vue-storybook/.storybook/_mock-components.js
@@ -1,5 +1,6 @@
 // import and assign mock components
 import { action } from '@storybook/addon-actions'
+import DsnWidget from '@explorer-1/vue/src/components/DsnWidget/DsnWidget.vue'
 
 export default (app) => {
   // nuxt-link mock component
@@ -18,4 +19,7 @@ export default (app) => {
     template:
       '<a href="#" @click.prevent="log()" :class="this.class" v-bind="$attrs"><slot></slot></a>'
   })
+
+  // use static dsn widget instead of fetch
+  app.component('FetchDsnWidget', DsnWidget)
 }
diff --git a/packages/vue/src/components/DsnWidget/DsnWidget.vue b/packages/vue/src/components/DsnWidget/DsnWidget.vue
@@ -52,7 +52,7 @@
         </span>
         <span
           v-if="data.location"
-          class="mr-1"
+          class="mr-1 mt-.5"
           aria-hidden="true"
         >
           {{ data.location }}

diff --git a/packages/vue/src/components/HomepageStats/HomepageStats.vue b/packages/vue/src/components/HomepageStats/HomepageStats.vue
@@ -143,7 +143,7 @@
             </template>
           </div>
           <!-- DSN Widget -->
-          <DsnWidget />
+          <FetchDsnWidget />
           <!-- asteroid watch -->
           <div
             v-if="asteroidWatch"