From 604819f2d35175f7c959eeaf97f11bc5cb4f1e9c Mon Sep 17 00:00:00 2001
From: Ollie Hyde <oliver.hyde@wikimedia.de>
Date: Mon, 2 Nov 2026 15:12:50 +0100
Subject: [PATCH 01/19] Add expiry chip and text directly in Dashboard.vue page

---
 src/components/Pages/Dashboard.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Pages/Dashboard.vue b/src/components/Pages/Dashboard.vue
index d39a4e9f..8afa39e5 100644
--- a/src/components/Pages/Dashboard.vue
+++ b/src/components/Pages/Dashboard.vue
@@ -11,7 +11,18 @@
                     <v-list v-if="currentUser.verified == 1">
                       <v-list-item v-for="wiki in wikis" :key="wiki.id" :wiki="wiki">
                         <v-list-item-content>
-                          <v-list-item-title>{{wiki.sitename}}</v-list-item-title>
+                          <v-list-item-title>
+                            <div>
+                              {{wiki.sitename}}
+                              <v-chip color="warning" outlined small>
+                                <v-icon class="mr-1" small>mdi-clock-outline</v-icon>
+                                Expiring soon
+                              </v-chip>
+                            </div>
+                            <div>
+                              <span class="warning--text">Will expire on {{ wiki.latest_suspension.active_from}}</span>
+                            </div>
+                          </v-list-item-title>
                         </v-list-item-content>
                             <v-list-item-icon>
                               <v-btn icon small icontarget="_blank" rel="noopener noreferrer" :href="'//' + wiki.domain"><v-icon>mdi-home</v-icon></v-btn>

From 58e552d2c1c1680672e2a23b3659d0c20fe6ba43 Mon Sep 17 00:00:00 2001
From: Ollie Hyde <oliver.hyde@wikimedia.de>
Date: Mon, 2 Nov 2026 15:49:55 +0100
Subject: [PATCH 02/19] Create Dashboard directory and move expiry logic into
 component

---
 .../Components/WikiDashboardListElement.vue   | 45 ++++++++++++++++
 .../Pages/{ => Dashboard}/Dashboard.vue       | 52 ++++++++++---------
 src/router/index.js                           |  2 +-
 3 files changed, 73 insertions(+), 26 deletions(-)
 create mode 100644 src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
 rename src/components/Pages/{ => Dashboard}/Dashboard.vue (64%)

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
new file mode 100644
index 00000000..f7dd96d2
--- /dev/null
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
@@ -0,0 +1,45 @@
+
+<template>
+  <div>
+    <div>
+      {{wikiTitle}}
+      <v-chip color="warning" outlined small>
+        <v-icon class="mr-1" small>mdi-clock-outline</v-icon>
+        Expiring soon
+      </v-chip>
+    </div>
+    <div class="mt-2">
+      <span class="warning--text">Will expire on {{ formattedActiveFromDate }}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WikiDashboardListElement',
+  props: {
+    wikiTitle: {
+      type: String,
+      required: true,
+    },
+    suspensionReason: {
+      type: String,
+      required: false,
+    },
+    suspensionActiveFrom: {
+      type: String,
+      required: false,
+    }
+  },
+  computed: {
+    formattedActiveFromDate: function () {
+      const date = new Date(this.suspensionActiveFrom);
+      return date.toLocaleDateString(
+        'en-GB',
+        { year: 'numeric', month: 'long', day: 'numeric', timeZone: 'UTC' },
+      )
+    }
+  },
+}
+</script>
+
diff --git a/src/components/Pages/Dashboard.vue b/src/components/Pages/Dashboard/Dashboard.vue
similarity index 64%
rename from src/components/Pages/Dashboard.vue
rename to src/components/Pages/Dashboard/Dashboard.vue
index 8afa39e5..7fabc5b5 100644
--- a/src/components/Pages/Dashboard.vue
+++ b/src/components/Pages/Dashboard/Dashboard.vue
@@ -7,31 +7,28 @@
             <v-row>
               <v-col>
                 <v-container>
-                    <h3 class="ml-4">Your Wikibases</h3>
-                    <v-list v-if="currentUser.verified == 1">
-                      <v-list-item v-for="wiki in wikis" :key="wiki.id" :wiki="wiki">
-                        <v-list-item-content>
-                          <v-list-item-title>
-                            <div>
-                              {{wiki.sitename}}
-                              <v-chip color="warning" outlined small>
-                                <v-icon class="mr-1" small>mdi-clock-outline</v-icon>
-                                Expiring soon
-                              </v-chip>
-                            </div>
-                            <div>
-                              <span class="warning--text">Will expire on {{ wiki.latest_suspension.active_from}}</span>
-                            </div>
-                          </v-list-item-title>
-                        </v-list-item-content>
-                            <v-list-item-icon>
-                              <v-btn icon small icontarget="_blank" rel="noopener noreferrer" :href="'//' + wiki.domain"><v-icon>mdi-home</v-icon></v-btn>
-                            </v-list-item-icon>
-                            <v-list-item-icon>
-                              <v-btn icon small :to="{ name: 'TabSettingsProfileInner', params: { id: wiki.id } }"><v-icon>mdi-cog</v-icon></v-btn>
-                            </v-list-item-icon>
-                      </v-list-item>
-                    </v-list>
+                  <h3 class="ml-4">Your Wikibases</h3>
+                  <v-list v-if="currentUser.verified == 1">
+                    <v-list-item v-for="wiki in wikis" :key="wiki.id" :wiki="wiki">
+                      <v-list-item-content>
+                        <v-list-item-title>
+                          <WikiDashboardListElement
+                            :wikiTitle="wiki.sitename"
+                            :suspensionReason="wiki.latest_suspension.reason"
+                            :suspensionActiveFrom="wiki.latest_suspension.active_from"
+                          />
+                        </v-list-item-title>
+                      </v-list-item-content>
+
+                      <v-list-item-icon>
+                        <v-btn icon small icontarget="_blank" rel="noopener noreferrer" :href="'//' + wiki.domain"><v-icon>mdi-home</v-icon></v-btn>
+                      </v-list-item-icon>
+                      <v-list-item-icon>
+                        <v-btn icon small :to="{ name: 'TabSettingsProfileInner', params: { id: wiki.id } }"><v-icon>mdi-cog</v-icon></v-btn>
+                      </v-list-item-icon>
+                    </v-list-item>
+                  </v-list>
+
                   <v-container v-if="status == 'loading' && count == 0">
                     <v-container class="d-flex justify-center">
                       <v-progress-circular indeterminate color="primary"></v-progress-circular>
@@ -63,8 +60,13 @@
 </template>
 
 <script>
+import WikiDashboardListElement from './Components/WikiDashboardListElement';
+
 export default {
   name: 'Dashboard',
+  components: {
+    WikiDashboardListElement
+  },
   data () {
     return {
       stats: [
diff --git a/src/router/index.js b/src/router/index.js
index 60d55899..41cb8ae1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3,7 +3,7 @@ import Router from 'vue-router'
 import Store from './../store'
 
 import Home from '@/components/Pages/Home/Home'
-import Dashboard from '@/components/Pages/Dashboard'
+import Dashboard from '@/components/Pages/Dashboard/Dashboard'
 import About from '@/components/Pages/About'
 import Contact from '@/components/Pages/Contact'
 import CreateAccount from '@/components/Pages/CreateAccount'

From 3ab27e649d66132cd0e11541e1cea611d86aaf86 Mon Sep 17 00:00:00 2001
From: Dat <dat.nguyen@wikimedia.de>
Date: Mon, 2 Nov 2026 16:36:29 +0100
Subject: [PATCH 03/19] Add pending review functionality to Dashboard

---
 .../Components/WikiDashboardListElement.vue   | 20 ++++++++++++-------
 src/components/Pages/Dashboard/Dashboard.vue  |  5 +++--
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
index f7dd96d2..991f15df 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
@@ -1,14 +1,17 @@
-
 <template>
   <div>
     <div>
       {{wikiTitle}}
-      <v-chip color="warning" outlined small>
+      <v-chip v-if="!hasPendingReview" class="ml-3" color="warning" outlined small>
         <v-icon class="mr-1" small>mdi-clock-outline</v-icon>
         Expiring soon
       </v-chip>
+      <v-chip v-else class="ml-3" color="primary" outlined small>
+        <v-icon class="mr-1" small>mdi-clock-outline</v-icon>
+        Pending review
+      </v-chip>
     </div>
-    <div class="mt-2">
+    <div v-if="!hasPendingReview" class="mt-2">
       <span class="warning--text">Will expire on {{ formattedActiveFromDate }}</span>
     </div>
   </div>
@@ -29,17 +32,20 @@ export default {
     suspensionActiveFrom: {
       type: String,
       required: false,
-    }
+    },
+    hasPendingReview: {
+      type: Boolean,
+      required: false,
+    },
   },
   computed: {
     formattedActiveFromDate: function () {
-      const date = new Date(this.suspensionActiveFrom);
+      const date = new Date(this.suspensionActiveFrom)
       return date.toLocaleDateString(
         'en-GB',
         { year: 'numeric', month: 'long', day: 'numeric', timeZone: 'UTC' },
       )
-    }
+    },
   },
 }
 </script>
-
diff --git a/src/components/Pages/Dashboard/Dashboard.vue b/src/components/Pages/Dashboard/Dashboard.vue
index 7fabc5b5..cc091f14 100644
--- a/src/components/Pages/Dashboard/Dashboard.vue
+++ b/src/components/Pages/Dashboard/Dashboard.vue
@@ -16,6 +16,7 @@
                             :wikiTitle="wiki.sitename"
                             :suspensionReason="wiki.latest_suspension.reason"
                             :suspensionActiveFrom="wiki.latest_suspension.active_from"
+                            :hasPendingReview="wiki.has_pending_review"
                           />
                         </v-list-item-title>
                       </v-list-item-content>
@@ -60,12 +61,12 @@
 </template>
 
 <script>
-import WikiDashboardListElement from './Components/WikiDashboardListElement';
+import WikiDashboardListElement from './Components/WikiDashboardListElement'
 
 export default {
   name: 'Dashboard',
   components: {
-    WikiDashboardListElement
+    WikiDashboardListElement,
   },
   data () {
     return {

From 681772ac97c078834f69de0ad737451789d4d53f Mon Sep 17 00:00:00 2001
From: dena <dena@wikimedia.de>
Date: Tue, 3 Nov 2026 10:52:05 +0100
Subject: [PATCH 04/19] add first iteration of dialog

---
 .../Components/WikiDashboardListDialog.vue    | 29 +++++++++++++++++++
 .../Components/WikiDashboardListElement.vue   | 14 ++++++++-
 2 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue
new file mode 100644
index 00000000..ee3444e3
--- /dev/null
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue
@@ -0,0 +1,29 @@
+<template>
+    <v-dialog v-model="open_dialog" width="auto">
+        <v-card>
+        <v-card-title>Status information</v-card-title>
+        <v-card-text>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</v-card-text>
+        <v-divider />
+              <v-card-actions class="justify-end">
+        <v-btn
+          text
+          @click='open_dialog = false'
+        >Close</v-btn>
+      </v-card-actions>
+        </v-card>
+    </v-dialog>
+</template>
+
+<script>
+export default {
+  name: 'WikiDashboardListDialog',
+  props: [
+    'suspensionReason',
+  ],
+  data () {
+    return {
+      open_dialog: true,
+    }
+  },
+}
+</script>
diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
index 991f15df..c8e74fc4 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
@@ -2,7 +2,7 @@
   <div>
     <div>
       {{wikiTitle}}
-      <v-chip v-if="!hasPendingReview" class="ml-3" color="warning" outlined small>
+      <v-chip v-if="!hasPendingReview" @click="expandDialog = true" class="ml-3" color="warning" outlined small>
         <v-icon class="mr-1" small>mdi-clock-outline</v-icon>
         Expiring soon
       </v-chip>
@@ -14,12 +14,19 @@
     <div v-if="!hasPendingReview" class="mt-2">
       <span class="warning--text">Will expire on {{ formattedActiveFromDate }}</span>
     </div>
+
+    <WikiDashboardListDialog v-if="expandDialog" @close="expandDialog=false" />
   </div>
 </template>
 
 <script>
+import WikiDashboardListDialog from './WikiDashboardListDialog.vue'
+
 export default {
   name: 'WikiDashboardListElement',
+  components: {
+    WikiDashboardListDialog,
+  },
   props: {
     wikiTitle: {
       type: String,
@@ -47,5 +54,10 @@ export default {
       )
     },
   },
+  data () {
+    return {
+      expandDialog: false,
+    }
+  },
 }
 </script>

From 79e540794a4514d75f4d43a0aa27fd9360f4281f Mon Sep 17 00:00:00 2001
From: Dat <dat.nguyen@wikimedia.de>
Date: Tue, 3 Nov 2026 11:36:20 +0100
Subject: [PATCH 05/19] Add close button to dialog

---
 .../Components/WikiDashboardListDialog.vue    | 30 +++++++++++--------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue
index ee3444e3..462f9638 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue
@@ -1,29 +1,35 @@
 <template>
     <v-dialog v-model="open_dialog" width="auto">
-        <v-card>
+      <v-card>
         <v-card-title>Status information</v-card-title>
-        <v-card-text>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</v-card-text>
+        <v-card-text v-if="!hasPendingReview">EXpiring soon dialog</v-card-text>
         <v-divider />
-              <v-card-actions class="justify-end">
-        <v-btn
-          text
-          @click='open_dialog = false'
-        >Close</v-btn>
-      </v-card-actions>
-        </v-card>
+        <v-card-actions class="justify-end">
+          <v-btn
+            text
+            @click='close'
+          >Close</v-btn>
+        </v-card-actions>
+      </v-card>
     </v-dialog>
 </template>
 
 <script>
 export default {
   name: 'WikiDashboardListDialog',
-  props: [
-    'suspensionReason',
-  ],
+  props: {
+    hasPendingReview: {
+      type: Boolean,
+      required: false,
+    },
+  },
   data () {
     return {
       open_dialog: true,
     }
   },
+  close () {
+    this.$emit('close')
+  },
 }
 </script>

From 41903ef2237e373962758316033dc2f169c51f30 Mon Sep 17 00:00:00 2001
From: Dat <dat.nguyen@wikimedia.de>
Date: Tue, 3 Nov 2026 14:05:51 +0100
Subject: [PATCH 06/19] Update Wiki dashboard Dialog

---
 .../Pages/Dashboard/Components/WikiDashboardListDialog.vue  | 6 ++++--
 .../Pages/Dashboard/Components/WikiDashboardListElement.vue | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue
index 462f9638..32fa081a 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue
@@ -28,8 +28,10 @@ export default {
       open_dialog: true,
     }
   },
-  close () {
-    this.$emit('close')
+  methods: {
+    close () {
+      this.$emit('close')
+    },
   },
 }
 </script>
diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
index c8e74fc4..d7f15f4a 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
@@ -15,7 +15,7 @@
       <span class="warning--text">Will expire on {{ formattedActiveFromDate }}</span>
     </div>
 
-    <WikiDashboardListDialog v-if="expandDialog" @close="expandDialog=false" />
+    <WikiDashboardListDialog :hasPendingReview="hasPendingReview" v-if="expandDialog" @close="expandDialog=false" />
   </div>
 </template>
 

From 0841b6e0397534244de3b1cb281f2122939b4d08 Mon Sep 17 00:00:00 2001
From: dena <dena@wikimedia.de>
Date: Tue, 3 Nov 2026 14:52:33 +0100
Subject: [PATCH 07/19] dialog fix

---
 .../Components/WikiDashboardListDialog.vue    | 26 ++++++++++++++-----
 .../Components/WikiDashboardListElement.vue   | 16 +++++++++++-
 src/components/Pages/Dashboard/Dashboard.vue  |  2 ++
 3 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue
index 32fa081a..f78e530b 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue
@@ -1,8 +1,10 @@
 <template>
-    <v-dialog v-model="open_dialog" width="auto">
+    <v-dialog value="true" width="564">
       <v-card>
         <v-card-title>Status information</v-card-title>
-        <v-card-text v-if="!hasPendingReview">EXpiring soon dialog</v-card-text>
+        <v-card-text v-if="!hasPendingReview">
+          Under our <ExternalLink :url="`https://www.wikibase.cloud/hosting-policy`">hosting policy</ExternalLink>, Wikibases are temporary by default. Unless submitted for review, your Wikibase {{ wikiDomain }} will be taken offline on {{ formattedActiveFromDate }}. If you want to keep it online, please <ExternalLink :url="`https://www.wikibase.cloud/wikis/manage/${this.wikiId}/review`">submit it for review</ExternalLink>.
+        </v-card-text>
         <v-divider />
         <v-card-actions class="justify-end">
           <v-btn
@@ -15,17 +17,29 @@
 </template>
 
 <script>
+import ExternalLink from '../../../Components/ExternalLink.vue';
+
 export default {
   name: 'WikiDashboardListDialog',
+  components: {
+    ExternalLink,
+  },
   props: {
     hasPendingReview: {
       type: Boolean,
       required: false,
     },
-  },
-  data () {
-    return {
-      open_dialog: true,
+    formattedActiveFromDate: {
+      type: String,
+      required: true,
+    },
+    wikiDomain: {
+      type: String,
+      required: true,
+    },
+    wikiId: {
+      type: Number,
+      required: true,
     }
   },
   methods: {
diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
index d7f15f4a..7ae60340 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
@@ -15,7 +15,13 @@
       <span class="warning--text">Will expire on {{ formattedActiveFromDate }}</span>
     </div>
 
-    <WikiDashboardListDialog :hasPendingReview="hasPendingReview" v-if="expandDialog" @close="expandDialog=false" />
+    <WikiDashboardListDialog
+      :hasPendingReview="hasPendingReview"
+      :formattedActiveFromDate="formattedActiveFromDate"
+      :wikiDomain="wikiDomain"
+      :wikiId="wikiId"
+      v-if="expandDialog"
+      @close="expandDialog=false" />
   </div>
 </template>
 
@@ -32,6 +38,14 @@ export default {
       type: String,
       required: true,
     },
+    wikiDomain: {
+      type: String,
+      required: true,
+    },
+    wikiId: {
+      type: Number,
+      required: true,
+    },
     suspensionReason: {
       type: String,
       required: false,
diff --git a/src/components/Pages/Dashboard/Dashboard.vue b/src/components/Pages/Dashboard/Dashboard.vue
index cc091f14..4c987d5e 100644
--- a/src/components/Pages/Dashboard/Dashboard.vue
+++ b/src/components/Pages/Dashboard/Dashboard.vue
@@ -14,6 +14,8 @@
                         <v-list-item-title>
                           <WikiDashboardListElement
                             :wikiTitle="wiki.sitename"
+                            :wikiDomain="wiki.domain"
+                            :wikiId="wiki.id"
                             :suspensionReason="wiki.latest_suspension.reason"
                             :suspensionActiveFrom="wiki.latest_suspension.active_from"
                             :hasPendingReview="wiki.has_pending_review"

From 0a8a9e347dd079957fd6cedc8ca08b62d23ae008 Mon Sep 17 00:00:00 2001
From: dena <dena@wikimedia.de>
Date: Tue, 3 Nov 2026 14:56:30 +0100
Subject: [PATCH 08/19] cleanup

---
 ...stDialog.vue => WikiDashboardListDialogContent.vue} |  2 --
 .../Dashboard/Components/WikiDashboardListElement.vue  | 10 +++++-----
 2 files changed, 5 insertions(+), 7 deletions(-)
 rename src/components/Pages/Dashboard/Components/{WikiDashboardListDialog.vue => WikiDashboardListDialogContent.vue} (95%)

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListDialogContent.vue
similarity index 95%
rename from src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue
rename to src/components/Pages/Dashboard/Components/WikiDashboardListDialogContent.vue
index f78e530b..a408019c 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListDialog.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListDialogContent.vue
@@ -1,5 +1,4 @@
 <template>
-    <v-dialog value="true" width="564">
       <v-card>
         <v-card-title>Status information</v-card-title>
         <v-card-text v-if="!hasPendingReview">
@@ -13,7 +12,6 @@
           >Close</v-btn>
         </v-card-actions>
       </v-card>
-    </v-dialog>
 </template>
 
 <script>
diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
index 7ae60340..f9af2cbb 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
@@ -14,24 +14,24 @@
     <div v-if="!hasPendingReview" class="mt-2">
       <span class="warning--text">Will expire on {{ formattedActiveFromDate }}</span>
     </div>
-
-    <WikiDashboardListDialog
+        <v-dialog value="true" width="564" v-model="expandDialog">
+    <WikiDashboardListDialogContent
       :hasPendingReview="hasPendingReview"
       :formattedActiveFromDate="formattedActiveFromDate"
       :wikiDomain="wikiDomain"
       :wikiId="wikiId"
-      v-if="expandDialog"
       @close="expandDialog=false" />
+    </v-dialog>
   </div>
 </template>
 
 <script>
-import WikiDashboardListDialog from './WikiDashboardListDialog.vue'
+import WikiDashboardListDialogContent from './WikiDashboardListDialogContent.vue'
 
 export default {
   name: 'WikiDashboardListElement',
   components: {
-    WikiDashboardListDialog,
+    WikiDashboardListDialogContent,
   },
   props: {
     wikiTitle: {

From 2f0fefad765b84a8c88c6974b9bf5a39cb828916 Mon Sep 17 00:00:00 2001
From: dena <dena@wikimedia.de>
Date: Tue, 3 Nov 2026 15:00:30 +0100
Subject: [PATCH 09/19] cleanup

---
 .../WikiDashboardListDialogContent.vue        | 30 +++++++++----------
 .../Components/WikiDashboardListElement.vue   | 18 +++++------
 2 files changed, 22 insertions(+), 26 deletions(-)

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListDialogContent.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListDialogContent.vue
index a408019c..1ab731a6 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListDialogContent.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListDialogContent.vue
@@ -1,21 +1,21 @@
 <template>
-      <v-card>
-        <v-card-title>Status information</v-card-title>
-        <v-card-text v-if="!hasPendingReview">
-          Under our <ExternalLink :url="`https://www.wikibase.cloud/hosting-policy`">hosting policy</ExternalLink>, Wikibases are temporary by default. Unless submitted for review, your Wikibase {{ wikiDomain }} will be taken offline on {{ formattedActiveFromDate }}. If you want to keep it online, please <ExternalLink :url="`https://www.wikibase.cloud/wikis/manage/${this.wikiId}/review`">submit it for review</ExternalLink>.
-        </v-card-text>
-        <v-divider />
-        <v-card-actions class="justify-end">
-          <v-btn
-            text
-            @click='close'
-          >Close</v-btn>
-        </v-card-actions>
-      </v-card>
+  <v-card>
+    <v-card-title>Status information</v-card-title>
+    <v-card-text v-if="!hasPendingReview">
+      Under our <ExternalLink :url="`https://www.wikibase.cloud/hosting-policy`">hosting policy</ExternalLink>, Wikibases are temporary by default. Unless submitted for review, your Wikibase {{ wikiDomain }} will be taken offline on {{ formattedActiveFromDate }}. If you want to keep it online, please <ExternalLink :url="`https://www.wikibase.cloud/wikis/manage/${this.wikiId}/review`">submit it for review</ExternalLink>.
+    </v-card-text>
+    <v-divider />
+    <v-card-actions class="justify-end">
+      <v-btn
+        text
+        @click='close'
+      >Close</v-btn>
+    </v-card-actions>
+  </v-card>
 </template>
 
 <script>
-import ExternalLink from '../../../Components/ExternalLink.vue';
+import ExternalLink from '../../../Components/ExternalLink.vue'
 
 export default {
   name: 'WikiDashboardListDialog',
@@ -38,7 +38,7 @@ export default {
     wikiId: {
       type: Number,
       required: true,
-    }
+    },
   },
   methods: {
     close () {
diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
index f9af2cbb..d0500416 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
@@ -14,13 +14,13 @@
     <div v-if="!hasPendingReview" class="mt-2">
       <span class="warning--text">Will expire on {{ formattedActiveFromDate }}</span>
     </div>
-        <v-dialog value="true" width="564" v-model="expandDialog">
-    <WikiDashboardListDialogContent
-      :hasPendingReview="hasPendingReview"
-      :formattedActiveFromDate="formattedActiveFromDate"
-      :wikiDomain="wikiDomain"
-      :wikiId="wikiId"
-      @close="expandDialog=false" />
+    <v-dialog value="true" width="564" v-model="expandDialog">
+      <WikiDashboardListDialogContent
+        :hasPendingReview="hasPendingReview"
+        :formattedActiveFromDate="formattedActiveFromDate"
+        :wikiDomain="wikiDomain"
+        :wikiId="wikiId"
+        @close="expandDialog=false" />
     </v-dialog>
   </div>
 </template>
@@ -46,10 +46,6 @@ export default {
       type: Number,
       required: true,
     },
-    suspensionReason: {
-      type: String,
-      required: false,
-    },
     suspensionActiveFrom: {
       type: String,
       required: false,

From 2c4452c0898a6a18edac6efc8f2dc02e69d436be Mon Sep 17 00:00:00 2001
From: Dat <dat.nguyen@wikimedia.de>
Date: Tue, 3 Nov 2026 15:22:10 +0100
Subject: [PATCH 10/19] Move icon in chips to the left

---
 .../Pages/Dashboard/Components/WikiDashboardListElement.vue   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
index d0500416..4fc2a0a4 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
@@ -3,11 +3,11 @@
     <div>
       {{wikiTitle}}
       <v-chip v-if="!hasPendingReview" @click="expandDialog = true" class="ml-3" color="warning" outlined small>
-        <v-icon class="mr-1" small>mdi-clock-outline</v-icon>
+        <v-icon class="mr-1" small left>mdi-clock-outline</v-icon>
         Expiring soon
       </v-chip>
       <v-chip v-else class="ml-3" color="primary" outlined small>
-        <v-icon class="mr-1" small>mdi-clock-outline</v-icon>
+        <v-icon class="mr-1" small left>mdi-clock-outline</v-icon>
         Pending review
       </v-chip>
     </div>

From 995f7772924374af188f5289eddff1866b59b2b5 Mon Sep 17 00:00:00 2001
From: Dat <dat.nguyen@wikimedia.de>
Date: Tue, 3 Nov 2026 15:55:29 +0100
Subject: [PATCH 11/19] Add hover effect and change text size

---
 .../Components/WikiDashboardListElement.vue   | 28 +++++++++++++------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
index 4fc2a0a4..fb15dd0d 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
@@ -2,17 +2,27 @@
   <div>
     <div>
       {{wikiTitle}}
-      <v-chip v-if="!hasPendingReview" @click="expandDialog = true" class="ml-3" color="warning" outlined small>
-        <v-icon class="mr-1" small left>mdi-clock-outline</v-icon>
-        Expiring soon
-      </v-chip>
-      <v-chip v-else class="ml-3" color="primary" outlined small>
-        <v-icon class="mr-1" small left>mdi-clock-outline</v-icon>
-        Pending review
-      </v-chip>
+      <v-hover v-slot="{ hover }">
+        <v-chip
+          v-if="!hasPendingReview"
+          @click="expandDialog = true"
+          class="ml-3"
+          color="warning"
+          :class="{ 'white--text': hover }"
+          :outlined="!hover"
+          small
+        >
+          <v-icon class="mr-1" small left>mdi-clock-outline</v-icon>
+          Expiring soon
+        </v-chip>
+        <v-chip v-else class="ml-3" color="primary" outlined small>
+          <v-icon class="mr-1" small left>mdi-clock-outline</v-icon>
+          Pending review
+        </v-chip>
+      </v-hover>
     </div>
     <div v-if="!hasPendingReview" class="mt-2">
-      <span class="warning--text">Will expire on {{ formattedActiveFromDate }}</span>
+      <span class="warning--text body-2">Will expire on {{ formattedActiveFromDate }}</span>
     </div>
     <v-dialog value="true" width="564" v-model="expandDialog">
       <WikiDashboardListDialogContent

From bc4dbf3763275226719a0bf84944a7c4b5858b2a Mon Sep 17 00:00:00 2001
From: Dat <dat.nguyen@wikimedia.de>
Date: Tue, 3 Nov 2026 16:01:18 +0100
Subject: [PATCH 12/19] Change "CLOSE" button text color

---
 .../Dashboard/Components/WikiDashboardListDialogContent.vue      | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListDialogContent.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListDialogContent.vue
index 1ab731a6..32cfedc5 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListDialogContent.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListDialogContent.vue
@@ -7,6 +7,7 @@
     <v-divider />
     <v-card-actions class="justify-end">
       <v-btn
+        color="primary"
         text
         @click='close'
       >Close</v-btn>

From 1d6a76d368902b642571e2b7894a708dcf820915 Mon Sep 17 00:00:00 2001
From: Dat <dat.nguyen@wikimedia.de>
Date: Tue, 3 Nov 2026 16:01:58 +0100
Subject: [PATCH 13/19] Add hover effect on Pending Review chip

---
 .../Dashboard/Components/WikiDashboardListElement.vue    | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
index fb15dd0d..dc56c3c3 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
@@ -15,7 +15,14 @@
           <v-icon class="mr-1" small left>mdi-clock-outline</v-icon>
           Expiring soon
         </v-chip>
-        <v-chip v-else class="ml-3" color="primary" outlined small>
+        <v-chip
+          v-else
+          class="ml-3"
+          color="primary"
+          :class="{ 'white--text': hover }"
+          :outlined="!hover"
+          small
+        >
           <v-icon class="mr-1" small left>mdi-clock-outline</v-icon>
           Pending review
         </v-chip>

From 677cd334ac9acbf4e80ad5c45591223eed388184 Mon Sep 17 00:00:00 2001
From: Dat <dat.nguyen@wikimedia.de>
Date: Tue, 3 Nov 2026 16:13:45 +0100
Subject: [PATCH 14/19] cleanup

---
 .../Pages/Dashboard/Components/WikiDashboardListElement.vue     | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
index dc56c3c3..1fe07e05 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
@@ -8,7 +8,6 @@
           @click="expandDialog = true"
           class="ml-3"
           color="warning"
-          :class="{ 'white--text': hover }"
           :outlined="!hover"
           small
         >
@@ -19,7 +18,6 @@
           v-else
           class="ml-3"
           color="primary"
-          :class="{ 'white--text': hover }"
           :outlined="!hover"
           small
         >

From 1eb7900e1945eb42a728874578f2a3563c5d57a6 Mon Sep 17 00:00:00 2001
From: dena <dena@wikimedia.de>
Date: Tue, 3 Nov 2026 16:43:31 +0100
Subject: [PATCH 15/19] add unit tests

---
 ...iDashboardListElement.expiringSoon.spec.js | 19 +++++++++++++++++++
 ...DashboardListElement.pendingReview.spec.js | 19 +++++++++++++++++++
 2 files changed, 38 insertions(+)
 create mode 100644 tests/unit/WikiDashboardListElement.expiringSoon.spec.js
 create mode 100644 tests/unit/WikiDashboardListElement.pendingReview.spec.js

diff --git a/tests/unit/WikiDashboardListElement.expiringSoon.spec.js b/tests/unit/WikiDashboardListElement.expiringSoon.spec.js
new file mode 100644
index 00000000..eda64550
--- /dev/null
+++ b/tests/unit/WikiDashboardListElement.expiringSoon.spec.js
@@ -0,0 +1,19 @@
+import { shallowMount } from '@vue/test-utils'
+import WikiDashboardListElement from '@/components/Pages/Dashboard/Components/WikiDashboardListElement.vue'
+require('./boilerplate.js')
+
+describe('WikiDashboardListElement.vue', () => {
+  it('renders a Wiki List Element with expiry notice', () => {
+    const wrapper = shallowMount(WikiDashboardListElement, {
+      propsData: {
+        wikiTitle: 'Foobar',
+        wikiDomain: 'foobar.wikibase.cloud',
+        wikiId: 1,
+        suspensionActiveFrom: '2027-02-02T08:58:11.000000Z',
+        hasPendingReview: false,
+      },
+    })
+
+    expect(wrapper.text()).toMatch('Expiring soon')
+  })
+})
diff --git a/tests/unit/WikiDashboardListElement.pendingReview.spec.js b/tests/unit/WikiDashboardListElement.pendingReview.spec.js
new file mode 100644
index 00000000..b7046675
--- /dev/null
+++ b/tests/unit/WikiDashboardListElement.pendingReview.spec.js
@@ -0,0 +1,19 @@
+import { shallowMount } from '@vue/test-utils'
+import WikiDashboardListElement from '@/components/Pages/Dashboard/Components/WikiDashboardListElement.vue'
+require('./boilerplate.js')
+
+describe('WikiDashboardListElement.vue', () => {
+  it('renders a Wiki List Element with expiry notice', () => {
+    const wrapper = shallowMount(WikiDashboardListElement, {
+      propsData: {
+        wikiTitle: 'Foobar',
+        wikiDomain: 'foobar.wikibase.cloud',
+        wikiId: 1,
+        suspensionActiveFrom: '2027-02-02T08:58:11.000000Z',
+        hasPendingReview: true,
+      },
+    })
+
+    expect(wrapper.text()).toMatch('Pending review')
+  })
+})

From 8aaf563b51d07c99db7701dbca25ef0bf625fc03 Mon Sep 17 00:00:00 2001
From: dena <dena@wikimedia.de>
Date: Tue, 3 Nov 2026 16:52:28 +0100
Subject: [PATCH 16/19] adjust col sizes

---
 src/components/Pages/Dashboard/Dashboard.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Pages/Dashboard/Dashboard.vue b/src/components/Pages/Dashboard/Dashboard.vue
index 4c987d5e..d7d280e7 100644
--- a/src/components/Pages/Dashboard/Dashboard.vue
+++ b/src/components/Pages/Dashboard/Dashboard.vue
@@ -2,7 +2,7 @@
   <v-main>
     <v-container class="fill-height" fluid >
       <v-row>
-        <v-col cols="12" lg="4" md="4">
+        <v-col cols="12" lg="4" md="6">
           <v-container fluid class="rightpaddingonly">
             <v-row>
               <v-col>
@@ -52,7 +52,7 @@
             </v-row>
           </v-container>
         </v-col>
-        <v-col cols="12" lg="6" md="5" class="mt-3">
+        <v-col cols="12" lg="6" md="4" class="mt-3">
           <h3>Welcome to wikibase.cloud</h3>
           <p>You can create and manage wikis from this central dashboard.</p>
           <p>Check out our <a href="https://www.mediawiki.org/wiki/Wikibase/Wikibase.cloud">cloud service documentation</a> as well as general documentation on <a href="https://www.mediawiki.org/wiki/Wikibase">Wikibase</a>.</p>

From b01ac2dca4ba96247e6612a79d5e2a4494daefa2 Mon Sep 17 00:00:00 2001
From: Ollie Hyde <oliver.hyde@wikimedia.de>
Date: Tue, 3 Nov 2026 17:18:29 +0100
Subject: [PATCH 17/19] fix padding in v-chip

---
 .../Dashboard/Components/WikiDashboardListElement.vue     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
index 1fe07e05..a6c5c636 100644
--- a/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
+++ b/src/components/Pages/Dashboard/Components/WikiDashboardListElement.vue
@@ -6,22 +6,22 @@
         <v-chip
           v-if="!hasPendingReview"
           @click="expandDialog = true"
-          class="ml-3"
+          class="ml-3 px-2"
           color="warning"
           :outlined="!hover"
           small
         >
-          <v-icon class="mr-1" small left>mdi-clock-outline</v-icon>
+          <v-icon class="mr-1" small>mdi-clock-outline</v-icon>
           Expiring soon
         </v-chip>
         <v-chip
           v-else
-          class="ml-3"
+          class="ml-3 px-2"
           color="primary"
           :outlined="!hover"
           small
         >
-          <v-icon class="mr-1" small left>mdi-clock-outline</v-icon>
+          <v-icon class="mr-1" small>mdi-clock-outline</v-icon>
           Pending review
         </v-chip>
       </v-hover>

From f417193502aae22d4315cf42307f49176253599d Mon Sep 17 00:00:00 2001
From: dena <dena@wikimedia.de>
Date: Tue, 3 Nov 2026 17:30:18 +0100
Subject: [PATCH 18/19] fix hardocded timestamps

---
 tests/unit/WikiDashboardListElement.expiringSoon.spec.js  | 7 ++++++-
 tests/unit/WikiDashboardListElement.pendingReview.spec.js | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/tests/unit/WikiDashboardListElement.expiringSoon.spec.js b/tests/unit/WikiDashboardListElement.expiringSoon.spec.js
index eda64550..8850fdb0 100644
--- a/tests/unit/WikiDashboardListElement.expiringSoon.spec.js
+++ b/tests/unit/WikiDashboardListElement.expiringSoon.spec.js
@@ -4,12 +4,17 @@ require('./boilerplate.js')
 
 describe('WikiDashboardListElement.vue', () => {
   it('renders a Wiki List Element with expiry notice', () => {
+    let today = new Date();
+    let suspensionDay = today.getDate() + 1;
+    let suspensionActiveFromDate = new Date();
+    suspensionActiveFromDate.setDate(suspensionDay);
+
     const wrapper = shallowMount(WikiDashboardListElement, {
       propsData: {
         wikiTitle: 'Foobar',
         wikiDomain: 'foobar.wikibase.cloud',
         wikiId: 1,
-        suspensionActiveFrom: '2027-02-02T08:58:11.000000Z',
+        suspensionActiveFrom: suspensionActiveFromDate.toString(),
         hasPendingReview: false,
       },
     })
diff --git a/tests/unit/WikiDashboardListElement.pendingReview.spec.js b/tests/unit/WikiDashboardListElement.pendingReview.spec.js
index b7046675..cfc95b95 100644
--- a/tests/unit/WikiDashboardListElement.pendingReview.spec.js
+++ b/tests/unit/WikiDashboardListElement.pendingReview.spec.js
@@ -4,12 +4,17 @@ require('./boilerplate.js')
 
 describe('WikiDashboardListElement.vue', () => {
   it('renders a Wiki List Element with expiry notice', () => {
+    let today = new Date();
+    let suspensionDay = today.getDate() + 1;
+    let suspensionActiveFromDate = new Date();
+    suspensionActiveFromDate.setDate(suspensionDay);
+
     const wrapper = shallowMount(WikiDashboardListElement, {
       propsData: {
         wikiTitle: 'Foobar',
         wikiDomain: 'foobar.wikibase.cloud',
         wikiId: 1,
-        suspensionActiveFrom: '2027-02-02T08:58:11.000000Z',
+        suspensionActiveFrom: suspensionActiveFromDate.toString(),
         hasPendingReview: true,
       },
     })

From 25b98de639efc1178cc783ab369d62221b1c52a0 Mon Sep 17 00:00:00 2001
From: dena <dena@wikimedia.de>
Date: Tue, 3 Nov 2026 17:31:59 +0100
Subject: [PATCH 19/19] lint

---
 tests/unit/WikiDashboardListElement.expiringSoon.spec.js  | 8 ++++----
 tests/unit/WikiDashboardListElement.pendingReview.spec.js | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/tests/unit/WikiDashboardListElement.expiringSoon.spec.js b/tests/unit/WikiDashboardListElement.expiringSoon.spec.js
index 8850fdb0..5278d0aa 100644
--- a/tests/unit/WikiDashboardListElement.expiringSoon.spec.js
+++ b/tests/unit/WikiDashboardListElement.expiringSoon.spec.js
@@ -4,10 +4,10 @@ require('./boilerplate.js')
 
 describe('WikiDashboardListElement.vue', () => {
   it('renders a Wiki List Element with expiry notice', () => {
-    let today = new Date();
-    let suspensionDay = today.getDate() + 1;
-    let suspensionActiveFromDate = new Date();
-    suspensionActiveFromDate.setDate(suspensionDay);
+    const today = new Date()
+    const suspensionDay = today.getDate() + 1
+    const suspensionActiveFromDate = new Date()
+    suspensionActiveFromDate.setDate(suspensionDay)
 
     const wrapper = shallowMount(WikiDashboardListElement, {
       propsData: {
diff --git a/tests/unit/WikiDashboardListElement.pendingReview.spec.js b/tests/unit/WikiDashboardListElement.pendingReview.spec.js
index cfc95b95..3cd4f465 100644
--- a/tests/unit/WikiDashboardListElement.pendingReview.spec.js
+++ b/tests/unit/WikiDashboardListElement.pendingReview.spec.js
@@ -4,10 +4,10 @@ require('./boilerplate.js')
 
 describe('WikiDashboardListElement.vue', () => {
   it('renders a Wiki List Element with expiry notice', () => {
-    let today = new Date();
-    let suspensionDay = today.getDate() + 1;
-    let suspensionActiveFromDate = new Date();
-    suspensionActiveFromDate.setDate(suspensionDay);
+    const today = new Date()
+    const suspensionDay = today.getDate() + 1
+    const suspensionActiveFromDate = new Date()
+    suspensionActiveFromDate.setDate(suspensionDay)
 
     const wrapper = shallowMount(WikiDashboardListElement, {
       propsData: {