feat(motd): Message of the day on landing page (#339)

* feat(user): Message of the day (incl top up warning) * fix(motd): Update text in motd
GEWIS · Sep 12, 2024 · b622ed5 · b622ed5
1 parent c78ed72
commit b622ed5
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git a/apps/dashboard/src/locales/en/modules/user.json b/apps/dashboard/src/locales/en/modules/user.json
@@ -2,7 +2,8 @@
   "modules": {
     "user": {
       "landing": {
-        "title": "Overview"
+        "title": "Overview",
+        "motd": "We have had reports of top ups not being processed. Usually your top up will be refunded within 48 hours. You can prevent unnecessary fines and help us by filling in {link}. Sadly we cannot detect these things as this happens between our payment processor and iDeal."
       },
       "profile": {
         "title": "Profile",

diff --git a/apps/dashboard/src/locales/nl/modules/user.json b/apps/dashboard/src/locales/nl/modules/user.json
@@ -2,7 +2,8 @@
   "modules": {
     "user": {
       "landing": {
-        "title": "Overzicht"
+        "title": "Overzicht",
+        "motd": "We hebben meldingen gekregen van opwaarderingen die niet correct behandeld worden. Meestal wordt dit bedrag teruggestort binnen 48 uur. Je kunt boetes voorkomen en ons heel erg helpen door {link} in te vullen als je dit probleem zelf mee maakt. Helaas krijgen we hier geen meldingen van omdat dit een probleem is tussen onze payment provider en iDeal."
       },
       "profile": {
         "title": "Profiel",

diff --git a/apps/dashboard/src/main.ts b/apps/dashboard/src/main.ts
@@ -8,6 +8,7 @@ import Button from "primevue/button";
 import "./styles/themes/sudosos-light/theme.scss";
 import InputText from "primevue/inputtext";
 import Menubar from "primevue/menubar";
+import Message from "primevue/message";
 import Panel from "primevue/panel";
 import DataTable from "primevue/datatable";
 import Calendar from 'primevue/calendar';
@@ -59,6 +60,7 @@ app.component('Button', Button);
 app.component('InputText', InputText);
 app.component('InputSwitch', InputSwitch);
 app.component('Menubar', Menubar);
+app.component('Message', Message)
 app.component('Panel', Panel);
 app.component('DataTable', DataTable);
 app.component('DataView', DataView);

diff --git a/apps/dashboard/src/modules/user/views/UserLandingView.vue b/apps/dashboard/src/modules/user/views/UserLandingView.vue
@@ -2,6 +2,14 @@
   <div class="page-container flex flex-column">
     <div class="page-title">{{ t('modules.user.landing.title') }}</div>
     <div class="content-wrapper gap-5 flex md:flex-column flex-column">
+      <Message v-if="true" severity="warn" class="w-full">
+        <i18n-t keypath="modules.user.landing.motd" tag="label">
+          <template v-slot:link>
+            <!-- eslint-disable-next-line @intlify/vue-i18n/no-raw-text  -->
+            <a href="https://gew.is/failedtopup" target="_blank" rel="noopener noreferrer">gew.is/failedtopup</a>
+          </template>
+        </i18n-t>
+      </Message>
       <UserInfo :user="gewisUser || authStore.user as GewisUserResponse" class="md:hidden"/>
       <BalanceWithTopupComponent />
       <MutationsBalanceCard