fix(core): fix the rendering of the Subscribe modal

juliomrqz · Dec 11, 2018 · 34c03a2 · 34c03a2
1 parent 71d3854
commit 34c03a2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 14 deletions.
diff --git a/packages/@statusfy/core/client/components/Header.vue b/packages/@statusfy/core/client/components/Header.vue
@@ -13,7 +13,10 @@
       class="title">
       {{ $t('title') }}
     </component>
-    <Subscribe class="subscribe-container"/>
+
+    <no-ssr>
+      <Subscribe class="subscribe-container"/>
+    </no-ssr>
   </div>
 </template>
 

diff --git a/packages/@statusfy/core/client/components/Subscribe.vue b/packages/@statusfy/core/client/components/Subscribe.vue
@@ -5,7 +5,7 @@
       @click="toggleModal">{{ $t('notifications.buttons.subscribe') }}</button>
 
     <div
-      v-show="isModalActive"
+      v-if="isModalActive"
       class="modal-container"
       @click.self="toggleModal">
       <div class="modal-body">
@@ -100,20 +100,11 @@ export default {
       return results
     },
     icalendarUrl () {
-      if (process.client) {
-        return `webcal://${window.location.hostname}/calendars/scheduled.${this.$i18n.locale}.ics`
-      } else {
-        return null
-      }
+      return `webcal://${window.location.hostname}/calendars/scheduled.${this.$i18n.locale}.ics`
     },
     feedsUrls () {
-      let atom
-      let rss
-
-      if (process.client) {
-        atom = `//${window.location.hostname}/feeds/incidents.${this.$i18n.locale}.atom`
-        rss = `//${window.location.hostname}/feeds/incidents.${this.$i18n.locale}.xml`
-      }
+      const atom = `//${window.location.hostname}/feeds/incidents.${this.$i18n.locale}.atom`
+      const rss = `//${window.location.hostname}/feeds/incidents.${this.$i18n.locale}.xml`
 
       return {
         atom,