From 3bd536bbb553b3d5ba383a180b30ec1752cb37f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Mon, 6 Nov 2023 17:33:08 +0100
Subject: [PATCH] Add report list button in reporter sidebar

---
 .../Report/Datasources/Aggregate/GroupBy.vue     |  8 +-------
 .../reporter/src/components/ReportSidebar.vue    | 16 ++++++++++++++--
 locale/en/corteza-webapp-reporter/sidebar.yaml   |  1 +
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/client/web/reporter/src/components/Report/Datasources/Aggregate/GroupBy.vue b/client/web/reporter/src/components/Report/Datasources/Aggregate/GroupBy.vue
index 0261014e5..e68758f9d 100644
--- a/client/web/reporter/src/components/Report/Datasources/Aggregate/GroupBy.vue
+++ b/client/web/reporter/src/components/Report/Datasources/Aggregate/GroupBy.vue
@@ -50,14 +50,8 @@
               :placeholder="$t('datasources:expression')"
             />
           </b-td>
-          <b-td
-            class="d-flex align-items-center justify-content-center pl-2 pr-0"
-          >
+          <b-td class="align-middle">
             <c-input-confirm
-              variant="link"
-              size="lg"
-              show-icon
-              button-class="text-dark px-0"
               @confirmed="deleteGroup(index)"
             />
           </b-td>
diff --git a/client/web/reporter/src/components/ReportSidebar.vue b/client/web/reporter/src/components/ReportSidebar.vue
index 30d6f469d..2dd63adfb 100644
--- a/client/web/reporter/src/components/ReportSidebar.vue
+++ b/client/web/reporter/src/components/ReportSidebar.vue
@@ -6,9 +6,17 @@
         class="h-100"
       >
         <div class="bg-white sticky-top py-2">
+          <b-button
+            data-test-id="button-report-list"
+            variant="light"
+            class="w-100 mb-2"
+            :to="{ name: 'report.list' }"
+          >
+            {{ $t('report-list') }}
+          </b-button>
           <c-input-search
             v-model.trim="query"
-            :placeholder="$t('sidebar:search-reports')"
+            :placeholder="$t('search-reports')"
           />
         </div>
 
@@ -24,7 +32,7 @@
         v-else
         class="d-flex justify-content-center mt-5"
       >
-        {{ $t('sidebar:no-reports') }}
+        {{ $t('no-reports') }}
       </h5>
     </portal>
   </div>
@@ -35,6 +43,10 @@ import { components } from '@cortezaproject/corteza-vue'
 const { CSidebarNavItems, CInputSearch } = components
 
 export default {
+  i18nOptions: {
+    namespaces: 'sidebar',
+  },
+
   components: {
     CSidebarNavItems,
     CInputSearch,
diff --git a/locale/en/corteza-webapp-reporter/sidebar.yaml b/locale/en/corteza-webapp-reporter/sidebar.yaml
index 83e2f5da1..d2e4612e7 100644
--- a/locale/en/corteza-webapp-reporter/sidebar.yaml
+++ b/locale/en/corteza-webapp-reporter/sidebar.yaml
@@ -1,2 +1,3 @@
+report-list: Report List
 no-reports: No Reports
 search-reports: Search reports