From 31b732cc2969f6ec8dc06ab7619849f7522a75fc Mon Sep 17 00:00:00 2001
From: Joana Maia <joana@crowd.dev>
Date: Mon, 28 Aug 2023 16:44:33 +0100
Subject: [PATCH 1/5] Add disclaimer to dashboard and reports

---
 .../components/dashboard-filters.vue          | 122 +++++++++--------
 .../templates/report-template-filters.vue     | 125 +++++++++---------
 2 files changed, 130 insertions(+), 117 deletions(-)

diff --git a/frontend/src/modules/dashboard/components/dashboard-filters.vue b/frontend/src/modules/dashboard/components/dashboard-filters.vue
index 7dbb047c28..2e3899e5f8 100644
--- a/frontend/src/modules/dashboard/components/dashboard-filters.vue
+++ b/frontend/src/modules/dashboard/components/dashboard-filters.vue
@@ -1,67 +1,73 @@
 <template>
   <div
-    class="flex items-center py-4 border-y border-gray-200"
+    class="flex items-center py-4 border-y border-gray-200 justify-between"
   >
-    <!-- period filters -->
-    <app-widget-period
-      :period="period"
-      class="uppercase"
-      @on-update="setPeriod"
-    />
+    <div class="flex items-center">
+      <!-- period filters -->
+      <app-widget-period
+        :period="period"
+        class="uppercase"
+        @on-update="setPeriod"
+      />
 
-    <!-- platform filter -->
-    <el-dropdown
-      v-if="Object.keys(activeIntegrations).length > 1"
-      class="ml-4"
-      placement="bottom-start"
-      trigger="click"
-      size="large"
-    >
-      <el-button
-        class="btn btn--bordered bg-white !py-1.5 !px-3 outline-none"
+      <!-- platform filter -->
+      <el-dropdown
+        v-if="Object.keys(activeIntegrations).length > 1"
+        class="ml-4"
+        placement="bottom-start"
+        trigger="click"
+        size="large"
       >
-        <div class="flex items-center text-xs">
-          <i
-            class="ri-apps-2-line text-base text-gray-900 mr-2"
-          />
-          <span class="font-medium text-gray-900">Platform:</span>
-          <span class="text-gray-600 pl-1">{{
-            getPlatformName
-          }}</span>
-        </div>
-      </el-button>
-
-      <template #dropdown>
-        <el-dropdown-menu class="w-42">
-          <!-- all platforms -->
-          <el-dropdown-item
-            :class="{ 'bg-brand-50': platform === 'all' }"
-            @click="setPlatform('all')"
-          >
-            All platforms
-          </el-dropdown-item>
-          <!-- dynamic active platforms -->
-          <el-dropdown-item
-            v-for="(integration, ii) of Object.keys(
-              activeIntegrations,
-            )"
-            :key="integration"
-            :divided="ii === 0"
-            :class="{
-              'bg-brand-50': platform === integration,
-            }"
-            @click="setPlatform(integration)"
-          >
-            <img
-              :alt="platformDetails(integration).name"
-              :src="platformDetails(integration).image"
-              class="w-4 h-4 mr-2"
+        <el-button
+          class="btn btn--bordered bg-white !py-1.5 !px-3 outline-none"
+        >
+          <div class="flex items-center text-xs">
+            <i
+              class="ri-apps-2-line text-base text-gray-900 mr-2"
             />
-            {{ platformDetails(integration).name }}
-          </el-dropdown-item>
-        </el-dropdown-menu>
-      </template>
-    </el-dropdown>
+            <span class="font-medium text-gray-900">Platform:</span>
+            <span class="text-gray-600 pl-1">{{
+              getPlatformName
+            }}</span>
+          </div>
+        </el-button>
+
+        <template #dropdown>
+          <el-dropdown-menu class="w-42">
+            <!-- all platforms -->
+            <el-dropdown-item
+              :class="{ 'bg-brand-50': platform === 'all' }"
+              @click="setPlatform('all')"
+            >
+              All platforms
+            </el-dropdown-item>
+            <!-- dynamic active platforms -->
+            <el-dropdown-item
+              v-for="(integration, ii) of Object.keys(
+                activeIntegrations,
+              )"
+              :key="integration"
+              :divided="ii === 0"
+              :class="{
+                'bg-brand-50': platform === integration,
+              }"
+              @click="setPlatform(integration)"
+            >
+              <img
+                :alt="platformDetails(integration).name"
+                :src="platformDetails(integration).image"
+                class="w-4 h-4 mr-2"
+              />
+              {{ platformDetails(integration).name }}
+            </el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
+      </el-dropdown>
+    </div>
+    <div class="text-gray-600 text-xs flex items-center gap-1">
+      <i class="ri-information-line text-xs" />
+      <span>Data on this dashboard is not real-time</span>
+    </div>
   </div>
 </template>
 
diff --git a/frontend/src/modules/report/components/templates/report-template-filters.vue b/frontend/src/modules/report/components/templates/report-template-filters.vue
index 6df1ac2e3c..abeb8fbb1b 100644
--- a/frontend/src/modules/report/components/templates/report-template-filters.vue
+++ b/frontend/src/modules/report/components/templates/report-template-filters.vue
@@ -1,71 +1,78 @@
 <template>
   <div class="border-t border-gray-200">
     <div
-      class="flex items-center gap-6 py-4 max-w-5xl mx-auto px-8"
+      class="flex items-center py-4 max-w-5xl mx-auto px-8 justify-between"
     >
-      <app-filter-list-item
-        v-if="showPlatform"
-        :filter="platform"
-        filter-class="custom"
-        @change="onPlatformChange"
-        @reset="onPlatformReset"
-      >
-        <template #button>
-          <div class="relative">
-            <el-button
-              class="custom-btn"
-              @click="handleOpenPlatform"
-            >
-              <div class="flex items-center gap-2">
-                <i class="ri-apps-2-line" /><span
-                  class="font-medium"
-                >Platforms:
-                  <span class="font-normal text-gray-600">{{
-                    platformLabel
-                  }}</span></span>
-              </div>
-            </el-button>
-            <div
-              v-if="hasSelectedPlatform"
-              class="w-2 h-2 rounded-full bg-brand-500 outline outline-4 outline-gray-50 absolute top-[-4px] right-[-4px]"
+      <div class="flex items-center gap-6">
+        <app-filter-list-item
+          v-if="showPlatform"
+          :filter="platform"
+          filter-class="custom"
+          @change="onPlatformChange"
+          @reset="onPlatformReset"
+        >
+          <template #button>
+            <div class="relative">
+              <el-button
+                class="custom-btn"
+                @click="handleOpenPlatform"
+              >
+                <div class="flex items-center gap-2">
+                  <i class="ri-apps-2-line" /><span
+                    class="font-medium"
+                  >Platforms:
+                    <span class="font-normal text-gray-600">{{
+                      platformLabel
+                    }}</span></span>
+                </div>
+              </el-button>
+              <div
+                v-if="hasSelectedPlatform"
+                class="w-2 h-2 rounded-full bg-brand-500 outline outline-4 outline-gray-50 absolute top-[-4px] right-[-4px]"
+              />
+            </div>
+          </template>
+          <template #optionPrefix="{ item }">
+            <img
+              v-if="item.value && platformOptions(item.value) && platformOptions(item.value).image"
+              :src="platformOptions(item.value).image"
+              :alt="platformOptions(item.value).name"
+              class="w-4 h-4 mr-2"
             />
-          </div>
-        </template>
-        <template #optionPrefix="{ item }">
-          <img
-            v-if="item.value && platformOptions(item.value) && platformOptions(item.value).image"
-            :src="platformOptions(item.value).image"
-            :alt="platformOptions(item.value).name"
-            class="w-4 h-4 mr-2"
+            <i v-else class="ri-radar-line text-base !text-gray-400 !mr-2" />
+          </template>
+        </app-filter-list-item>
+
+        <div
+          v-if="showTeamMembers"
+          class="flex gap-2 items-center"
+        >
+          <el-switch
+            class="switch-filter !ml-0"
+            :model-value="teamMembers"
+            size="small"
+            active-text="Include team members"
+            @change="onTeamMembersChange"
           />
-          <i v-else class="ri-radar-line text-base !text-gray-400 !mr-2" />
-        </template>
-      </app-filter-list-item>
+        </div>
 
-      <div
-        v-if="showTeamMembers"
-        class="flex gap-2 items-center"
-      >
-        <el-switch
-          class="switch-filter !ml-0"
-          :model-value="teamMembers"
-          size="small"
-          active-text="Include team members"
-          @change="onTeamMembersChange"
-        />
+        <div
+          v-if="showTeamActivities"
+          class="flex gap-2 items-center"
+        >
+          <el-switch
+            class="switch-filter !ml-0"
+            :model-value="teamActivities"
+            size="small"
+            active-text="Include team activities"
+            @change="onTeamActivitiesChange"
+          />
+        </div>
       </div>
 
-      <div
-        v-if="showTeamActivities"
-        class="flex gap-2 items-center"
-      >
-        <el-switch
-          class="switch-filter !ml-0"
-          :model-value="teamActivities"
-          size="small"
-          active-text="Include team activities"
-          @change="onTeamActivitiesChange"
-        />
+      <div class="text-gray-600 text-xs flex items-center gap-1">
+        <i class="ri-information-line text-xs" />
+        <span>Data on this report is not real-time</span>
       </div>
     </div>
   </div>

From 55992ebc8774a487357f96f5eef48cb907e42346 Mon Sep 17 00:00:00 2001
From: Joana Maia <joana@crowd.dev>
Date: Mon, 28 Aug 2023 17:57:23 +0100
Subject: [PATCH 2/5] Refactor disclaimer positioning

---
 .../components/dashboard-filters.vue          | 120 ++++++++---------
 .../dashboard/pages/dashboard-page.vue        |   6 +-
 .../templates/report-template-filters.vue     | 125 +++++++++---------
 .../report/pages/report-view-page-public.vue  |  22 +--
 .../pages/templates/report-template-page.vue  |   4 +
 5 files changed, 139 insertions(+), 138 deletions(-)

diff --git a/frontend/src/modules/dashboard/components/dashboard-filters.vue b/frontend/src/modules/dashboard/components/dashboard-filters.vue
index 2e3899e5f8..a6b0bb2ce9 100644
--- a/frontend/src/modules/dashboard/components/dashboard-filters.vue
+++ b/frontend/src/modules/dashboard/components/dashboard-filters.vue
@@ -2,72 +2,66 @@
   <div
     class="flex items-center py-4 border-y border-gray-200 justify-between"
   >
-    <div class="flex items-center">
-      <!-- period filters -->
-      <app-widget-period
-        :period="period"
-        class="uppercase"
-        @on-update="setPeriod"
-      />
+    <!-- period filters -->
+    <app-widget-period
+      :period="period"
+      class="uppercase"
+      @on-update="setPeriod"
+    />
 
-      <!-- platform filter -->
-      <el-dropdown
-        v-if="Object.keys(activeIntegrations).length > 1"
-        class="ml-4"
-        placement="bottom-start"
-        trigger="click"
-        size="large"
+    <!-- platform filter -->
+    <el-dropdown
+      v-if="Object.keys(activeIntegrations).length > 1"
+      class="ml-4"
+      placement="bottom-start"
+      trigger="click"
+      size="large"
+    >
+      <el-button
+        class="btn btn--bordered bg-white !py-1.5 !px-3 outline-none"
       >
-        <el-button
-          class="btn btn--bordered bg-white !py-1.5 !px-3 outline-none"
-        >
-          <div class="flex items-center text-xs">
-            <i
-              class="ri-apps-2-line text-base text-gray-900 mr-2"
-            />
-            <span class="font-medium text-gray-900">Platform:</span>
-            <span class="text-gray-600 pl-1">{{
-              getPlatformName
-            }}</span>
-          </div>
-        </el-button>
+        <div class="flex items-center text-xs">
+          <i
+            class="ri-apps-2-line text-base text-gray-900 mr-2"
+          />
+          <span class="font-medium text-gray-900">Platform:</span>
+          <span class="text-gray-600 pl-1">{{
+            getPlatformName
+          }}</span>
+        </div>
+      </el-button>
 
-        <template #dropdown>
-          <el-dropdown-menu class="w-42">
-            <!-- all platforms -->
-            <el-dropdown-item
-              :class="{ 'bg-brand-50': platform === 'all' }"
-              @click="setPlatform('all')"
-            >
-              All platforms
-            </el-dropdown-item>
-            <!-- dynamic active platforms -->
-            <el-dropdown-item
-              v-for="(integration, ii) of Object.keys(
-                activeIntegrations,
-              )"
-              :key="integration"
-              :divided="ii === 0"
-              :class="{
-                'bg-brand-50': platform === integration,
-              }"
-              @click="setPlatform(integration)"
-            >
-              <img
-                :alt="platformDetails(integration).name"
-                :src="platformDetails(integration).image"
-                class="w-4 h-4 mr-2"
-              />
-              {{ platformDetails(integration).name }}
-            </el-dropdown-item>
-          </el-dropdown-menu>
-        </template>
-      </el-dropdown>
-    </div>
-    <div class="text-gray-600 text-xs flex items-center gap-1">
-      <i class="ri-information-line text-xs" />
-      <span>Data on this dashboard is not real-time</span>
-    </div>
+      <template #dropdown>
+        <el-dropdown-menu class="w-42">
+          <!-- all platforms -->
+          <el-dropdown-item
+            :class="{ 'bg-brand-50': platform === 'all' }"
+            @click="setPlatform('all')"
+          >
+            All platforms
+          </el-dropdown-item>
+          <!-- dynamic active platforms -->
+          <el-dropdown-item
+            v-for="(integration, ii) of Object.keys(
+              activeIntegrations,
+            )"
+            :key="integration"
+            :divided="ii === 0"
+            :class="{
+              'bg-brand-50': platform === integration,
+            }"
+            @click="setPlatform(integration)"
+          >
+            <img
+              :alt="platformDetails(integration).name"
+              :src="platformDetails(integration).image"
+              class="w-4 h-4 mr-2"
+            />
+            {{ platformDetails(integration).name }}
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </template>
+    </el-dropdown>
   </div>
 </template>
 
diff --git a/frontend/src/modules/dashboard/pages/dashboard-page.vue b/frontend/src/modules/dashboard/pages/dashboard-page.vue
index 70ab5ba508..08cafa2427 100644
--- a/frontend/src/modules/dashboard/pages/dashboard-page.vue
+++ b/frontend/src/modules/dashboard/pages/dashboard-page.vue
@@ -12,7 +12,7 @@
       <div class="flex justify-center">
         <div class="home-content px-8">
           <div
-            class="py-8 -mx-4 px-4 sticky -top-6 bg-gray-50 z-20"
+            class="py-8 -mx-4 px-4 sticky -top-6 bg-gray-50 z-20 flex items-center justify-between"
           >
             <h4
               class="leading-8 font-semibold transition-all duration-100"
@@ -20,6 +20,10 @@
             >
               {{ currentTenant?.name }} team overview
             </h4>
+            <div class=" text-sm flex items-center gap-2">
+              <i class="text-gray-400 ri-time-line text-base" />
+              <span class="text-gray-400">Data on this dashboard is not real-time</span>
+            </div>
           </div>
 
           <div
diff --git a/frontend/src/modules/report/components/templates/report-template-filters.vue b/frontend/src/modules/report/components/templates/report-template-filters.vue
index abeb8fbb1b..6df1ac2e3c 100644
--- a/frontend/src/modules/report/components/templates/report-template-filters.vue
+++ b/frontend/src/modules/report/components/templates/report-template-filters.vue
@@ -1,78 +1,71 @@
 <template>
   <div class="border-t border-gray-200">
     <div
-      class="flex items-center py-4 max-w-5xl mx-auto px-8 justify-between"
+      class="flex items-center gap-6 py-4 max-w-5xl mx-auto px-8"
     >
-      <div class="flex items-center gap-6">
-        <app-filter-list-item
-          v-if="showPlatform"
-          :filter="platform"
-          filter-class="custom"
-          @change="onPlatformChange"
-          @reset="onPlatformReset"
-        >
-          <template #button>
-            <div class="relative">
-              <el-button
-                class="custom-btn"
-                @click="handleOpenPlatform"
-              >
-                <div class="flex items-center gap-2">
-                  <i class="ri-apps-2-line" /><span
-                    class="font-medium"
-                  >Platforms:
-                    <span class="font-normal text-gray-600">{{
-                      platformLabel
-                    }}</span></span>
-                </div>
-              </el-button>
-              <div
-                v-if="hasSelectedPlatform"
-                class="w-2 h-2 rounded-full bg-brand-500 outline outline-4 outline-gray-50 absolute top-[-4px] right-[-4px]"
-              />
-            </div>
-          </template>
-          <template #optionPrefix="{ item }">
-            <img
-              v-if="item.value && platformOptions(item.value) && platformOptions(item.value).image"
-              :src="platformOptions(item.value).image"
-              :alt="platformOptions(item.value).name"
-              class="w-4 h-4 mr-2"
+      <app-filter-list-item
+        v-if="showPlatform"
+        :filter="platform"
+        filter-class="custom"
+        @change="onPlatformChange"
+        @reset="onPlatformReset"
+      >
+        <template #button>
+          <div class="relative">
+            <el-button
+              class="custom-btn"
+              @click="handleOpenPlatform"
+            >
+              <div class="flex items-center gap-2">
+                <i class="ri-apps-2-line" /><span
+                  class="font-medium"
+                >Platforms:
+                  <span class="font-normal text-gray-600">{{
+                    platformLabel
+                  }}</span></span>
+              </div>
+            </el-button>
+            <div
+              v-if="hasSelectedPlatform"
+              class="w-2 h-2 rounded-full bg-brand-500 outline outline-4 outline-gray-50 absolute top-[-4px] right-[-4px]"
             />
-            <i v-else class="ri-radar-line text-base !text-gray-400 !mr-2" />
-          </template>
-        </app-filter-list-item>
-
-        <div
-          v-if="showTeamMembers"
-          class="flex gap-2 items-center"
-        >
-          <el-switch
-            class="switch-filter !ml-0"
-            :model-value="teamMembers"
-            size="small"
-            active-text="Include team members"
-            @change="onTeamMembersChange"
+          </div>
+        </template>
+        <template #optionPrefix="{ item }">
+          <img
+            v-if="item.value && platformOptions(item.value) && platformOptions(item.value).image"
+            :src="platformOptions(item.value).image"
+            :alt="platformOptions(item.value).name"
+            class="w-4 h-4 mr-2"
           />
-        </div>
+          <i v-else class="ri-radar-line text-base !text-gray-400 !mr-2" />
+        </template>
+      </app-filter-list-item>
 
-        <div
-          v-if="showTeamActivities"
-          class="flex gap-2 items-center"
-        >
-          <el-switch
-            class="switch-filter !ml-0"
-            :model-value="teamActivities"
-            size="small"
-            active-text="Include team activities"
-            @change="onTeamActivitiesChange"
-          />
-        </div>
+      <div
+        v-if="showTeamMembers"
+        class="flex gap-2 items-center"
+      >
+        <el-switch
+          class="switch-filter !ml-0"
+          :model-value="teamMembers"
+          size="small"
+          active-text="Include team members"
+          @change="onTeamMembersChange"
+        />
       </div>
 
-      <div class="text-gray-600 text-xs flex items-center gap-1">
-        <i class="ri-information-line text-xs" />
-        <span>Data on this report is not real-time</span>
+      <div
+        v-if="showTeamActivities"
+        class="flex gap-2 items-center"
+      >
+        <el-switch
+          class="switch-filter !ml-0"
+          :model-value="teamActivities"
+          size="small"
+          active-text="Include team activities"
+          @change="onTeamActivitiesChange"
+        />
       </div>
     </div>
   </div>
diff --git a/frontend/src/modules/report/pages/report-view-page-public.vue b/frontend/src/modules/report/pages/report-view-page-public.vue
index 989309ccae..7182cd2c8d 100644
--- a/frontend/src/modules/report/pages/report-view-page-public.vue
+++ b/frontend/src/modules/report/pages/report-view-page-public.vue
@@ -17,20 +17,26 @@
         <div
           class="max-w-5xl flex flex-grow mx-auto items-center justify-between px-6 lg:px-8"
         >
-          <div class="mb-6 mt-4">
+          <div class="mb-6 mt-4 w-full">
             <div
               v-if="currentTenant.name"
               class="font-medium text-brand-500 text-sm mb-2"
             >
               {{ currentTenant.name }}
             </div>
-            <h1 class="text-lg font-semibold">
-              {{
-                report.isTemplate
-                  ? currentTemplate.name
-                  : report.name
-              }}
-            </h1>
+            <div class="flex items-center justify-between">
+              <h1 class="text-lg font-semibold">
+                {{
+                  report.isTemplate
+                    ? currentTemplate.name
+                    : report.name
+                }}
+              </h1>
+              <div class=" text-sm flex items-center gap-2">
+                <i class="text-gray-400 ri-time-line text-base" />
+                <span class="text-gray-400">Data on this report is not real-time</span>
+              </div>
+            </div>
           </div>
 
           <div
diff --git a/frontend/src/modules/report/pages/templates/report-template-page.vue b/frontend/src/modules/report/pages/templates/report-template-page.vue
index 7c80f9acdb..b83374ec2a 100644
--- a/frontend/src/modules/report/pages/templates/report-template-page.vue
+++ b/frontend/src/modules/report/pages/templates/report-template-page.vue
@@ -29,6 +29,10 @@
             {{ currentTemplate.name }}
           </h1>
           <div class="flex items-center gap-9">
+            <div class=" text-sm flex items-center gap-2">
+              <i class="text-gray-400 ri-time-line text-base" />
+              <span class="text-gray-400">Data on this report is not real-time</span>
+            </div>
             <div
               v-if="report.public"
               class="flex items-center gap-2"

From 0eaee996221953c0ac3079c8050e4220d71ab2a4 Mon Sep 17 00:00:00 2001
From: Joana Maia <joana@crowd.dev>
Date: Tue, 29 Aug 2023 11:04:51 +0100
Subject: [PATCH 3/5] Update disclaimer copy

---
 frontend/src/modules/dashboard/pages/dashboard-page.vue         | 2 +-
 frontend/src/modules/report/pages/report-view-page-public.vue   | 2 +-
 .../src/modules/report/pages/templates/report-template-page.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/modules/dashboard/pages/dashboard-page.vue b/frontend/src/modules/dashboard/pages/dashboard-page.vue
index 08cafa2427..36176169c4 100644
--- a/frontend/src/modules/dashboard/pages/dashboard-page.vue
+++ b/frontend/src/modules/dashboard/pages/dashboard-page.vue
@@ -22,7 +22,7 @@
             </h4>
             <div class=" text-sm flex items-center gap-2">
               <i class="text-gray-400 ri-time-line text-base" />
-              <span class="text-gray-400">Data on this dashboard is not real-time</span>
+              <span class="text-gray-400">Data on this page refreshed every hour</span>
             </div>
           </div>
 
diff --git a/frontend/src/modules/report/pages/report-view-page-public.vue b/frontend/src/modules/report/pages/report-view-page-public.vue
index 7182cd2c8d..9569aa1bdb 100644
--- a/frontend/src/modules/report/pages/report-view-page-public.vue
+++ b/frontend/src/modules/report/pages/report-view-page-public.vue
@@ -34,7 +34,7 @@
               </h1>
               <div class=" text-sm flex items-center gap-2">
                 <i class="text-gray-400 ri-time-line text-base" />
-                <span class="text-gray-400">Data on this report is not real-time</span>
+                <span class="text-gray-400">Data on this page refreshed every hour</span>
               </div>
             </div>
           </div>
diff --git a/frontend/src/modules/report/pages/templates/report-template-page.vue b/frontend/src/modules/report/pages/templates/report-template-page.vue
index b83374ec2a..2745409000 100644
--- a/frontend/src/modules/report/pages/templates/report-template-page.vue
+++ b/frontend/src/modules/report/pages/templates/report-template-page.vue
@@ -31,7 +31,7 @@
           <div class="flex items-center gap-9">
             <div class=" text-sm flex items-center gap-2">
               <i class="text-gray-400 ri-time-line text-base" />
-              <span class="text-gray-400">Data on this report is not real-time</span>
+              <span class="text-gray-400">Data on this page refreshed every hour</span>
             </div>
             <div
               v-if="report.public"

From 77c78082a7ddd8c55de526f6a742516738c7b802 Mon Sep 17 00:00:00 2001
From: Joana Maia <joana@crowd.dev>
Date: Tue, 29 Aug 2023 11:05:49 +0100
Subject: [PATCH 4/5] Fix color

---
 frontend/src/modules/dashboard/pages/dashboard-page.vue       | 4 ++--
 frontend/src/modules/report/pages/report-view-page-public.vue | 4 ++--
 .../modules/report/pages/templates/report-template-page.vue   | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/modules/dashboard/pages/dashboard-page.vue b/frontend/src/modules/dashboard/pages/dashboard-page.vue
index 36176169c4..084903b6b5 100644
--- a/frontend/src/modules/dashboard/pages/dashboard-page.vue
+++ b/frontend/src/modules/dashboard/pages/dashboard-page.vue
@@ -21,8 +21,8 @@
               {{ currentTenant?.name }} team overview
             </h4>
             <div class=" text-sm flex items-center gap-2">
-              <i class="text-gray-400 ri-time-line text-base" />
-              <span class="text-gray-400">Data on this page refreshed every hour</span>
+              <i class="text-gray-500 ri-time-line text-base" />
+              <span class="text-gray-500">Data on this page refreshed every hour</span>
             </div>
           </div>
 
diff --git a/frontend/src/modules/report/pages/report-view-page-public.vue b/frontend/src/modules/report/pages/report-view-page-public.vue
index 9569aa1bdb..5fea2d3645 100644
--- a/frontend/src/modules/report/pages/report-view-page-public.vue
+++ b/frontend/src/modules/report/pages/report-view-page-public.vue
@@ -33,8 +33,8 @@
                 }}
               </h1>
               <div class=" text-sm flex items-center gap-2">
-                <i class="text-gray-400 ri-time-line text-base" />
-                <span class="text-gray-400">Data on this page refreshed every hour</span>
+                <i class="text-gray-500 ri-time-line text-base" />
+                <span class="text-gray-500">Data on this page refreshed every hour</span>
               </div>
             </div>
           </div>
diff --git a/frontend/src/modules/report/pages/templates/report-template-page.vue b/frontend/src/modules/report/pages/templates/report-template-page.vue
index 2745409000..06723ca72d 100644
--- a/frontend/src/modules/report/pages/templates/report-template-page.vue
+++ b/frontend/src/modules/report/pages/templates/report-template-page.vue
@@ -30,8 +30,8 @@
           </h1>
           <div class="flex items-center gap-9">
             <div class=" text-sm flex items-center gap-2">
-              <i class="text-gray-400 ri-time-line text-base" />
-              <span class="text-gray-400">Data on this page refreshed every hour</span>
+              <i class="text-gray-500 ri-time-line text-base" />
+              <span class="text-gray-500">Data on this page refreshed every hour</span>
             </div>
             <div
               v-if="report.public"

From 447cfefadc45bccf9c230d82d4654374083ac45e Mon Sep 17 00:00:00 2001
From: Joana Maia <joana@crowd.dev>
Date: Tue, 29 Aug 2023 15:09:50 +0100
Subject: [PATCH 5/5] Refactor message

---
 frontend/src/modules/dashboard/pages/dashboard-page.vue         | 2 +-
 frontend/src/modules/report/pages/report-view-page-public.vue   | 2 +-
 .../src/modules/report/pages/templates/report-template-page.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/modules/dashboard/pages/dashboard-page.vue b/frontend/src/modules/dashboard/pages/dashboard-page.vue
index 084903b6b5..dcd71eac1e 100644
--- a/frontend/src/modules/dashboard/pages/dashboard-page.vue
+++ b/frontend/src/modules/dashboard/pages/dashboard-page.vue
@@ -22,7 +22,7 @@
             </h4>
             <div class=" text-sm flex items-center gap-2">
               <i class="text-gray-500 ri-time-line text-base" />
-              <span class="text-gray-500">Data on this page refreshed every hour</span>
+              <span class="text-gray-500">Data on this page is refreshed every 15 min.</span>
             </div>
           </div>
 
diff --git a/frontend/src/modules/report/pages/report-view-page-public.vue b/frontend/src/modules/report/pages/report-view-page-public.vue
index 5fea2d3645..e752378b5b 100644
--- a/frontend/src/modules/report/pages/report-view-page-public.vue
+++ b/frontend/src/modules/report/pages/report-view-page-public.vue
@@ -34,7 +34,7 @@
               </h1>
               <div class=" text-sm flex items-center gap-2">
                 <i class="text-gray-500 ri-time-line text-base" />
-                <span class="text-gray-500">Data on this page refreshed every hour</span>
+                <span class="text-gray-500">Data on this page is refreshed every 15 min.</span>
               </div>
             </div>
           </div>
diff --git a/frontend/src/modules/report/pages/templates/report-template-page.vue b/frontend/src/modules/report/pages/templates/report-template-page.vue
index 06723ca72d..c4a778f295 100644
--- a/frontend/src/modules/report/pages/templates/report-template-page.vue
+++ b/frontend/src/modules/report/pages/templates/report-template-page.vue
@@ -31,7 +31,7 @@
           <div class="flex items-center gap-9">
             <div class=" text-sm flex items-center gap-2">
               <i class="text-gray-500 ri-time-line text-base" />
-              <span class="text-gray-500">Data on this page refreshed every hour</span>
+              <span class="text-gray-500">Data on this page is refreshed every 15 min.</span>
             </div>
             <div
               v-if="report.public"