From 0370b3343587a48be1698ea8b96cad39a96cd044 Mon Sep 17 00:00:00 2001
From: zant <gonzalochristobal@gmail.com>
Date: Mon, 4 Nov 2024 18:46:58 +0100
Subject: [PATCH 1/6] fix: fix app router

---
 src/pages/my-community/MyCommunityPage.tsx | 15 ++++++++++
 src/routes/AppRouter.tsx                   | 32 ++++++++++++++--------
 2 files changed, 35 insertions(+), 12 deletions(-)

diff --git a/src/pages/my-community/MyCommunityPage.tsx b/src/pages/my-community/MyCommunityPage.tsx
index 79265d5..46eaaa0 100644
--- a/src/pages/my-community/MyCommunityPage.tsx
+++ b/src/pages/my-community/MyCommunityPage.tsx
@@ -13,6 +13,20 @@ import Title from '@/themed/title/Title';
 
 type Sort = 'asc' | 'desc';
 
+const LookerStudioEmbed = () => {
+  return (
+    <iframe
+      title="Looker Stuio"
+      width="100%"
+      height="450"
+      src="https://lookerstudio.google.com/embed/reporting/3e09d10b-e76e-4540-9627-4068431ff44b/page/e1SEE"
+      className="border-0"
+      allowFullScreen
+      sandbox="allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox"
+    />
+  );
+};
+
 const MyCommunity = () => {
   const { t } = useTranslation(['feed', 'errorCodes']);
   const [error, setError] = useState('');
@@ -103,6 +117,7 @@ const MyCommunity = () => {
       <Box className="flex pt-6 gap-6">
         <Box className="bg-gray-300 h-full w-full">
           <SitesReport />
+          <LookerStudioEmbed />
           <InfiniteScroll
             loader={<Loader />}
             hasMore={hasMore}
diff --git a/src/routes/AppRouter.tsx b/src/routes/AppRouter.tsx
index 6f069b3..2a8abf4 100644
--- a/src/routes/AppRouter.tsx
+++ b/src/routes/AppRouter.tsx
@@ -41,24 +41,32 @@ const queryClient = new QueryClient({
 const router = createBrowserRouter([
   {
     path: '/',
+    element: (
+      <PageLayout>
+        <AppHome />
+      </PageLayout>
+    ),
+    errorElement: <RouterErrorPage />,
+  },
+  {
+    path: 'my-city',
     element: (
       <ProtectedRoute>
         <PageLayout>
-          <AppHome />
-          <Outlet />
+          <MyCity />,
+        </PageLayout>
+      </ProtectedRoute>
+    ),
+  },
+  {
+    path: 'my-community',
+    element: (
+      <ProtectedRoute>
+        <PageLayout>
+          <MyCommunity />,
         </PageLayout>
       </ProtectedRoute>
     ),
-    children: [
-      {
-        path: 'my-city',
-        element: <MyCity />,
-      },
-      {
-        path: 'my-community',
-        element: <MyCommunity />,
-      },
-    ],
     errorElement: <RouterErrorPage />,
   },
   {

From dff045e3a9b013e4a120803498d234b0c7c9f1b3 Mon Sep 17 00:00:00 2001
From: zant <gonzalochristobal@gmail.com>
Date: Mon, 4 Nov 2024 18:47:25 +0100
Subject: [PATCH 2/6] feat: fix progress bar colors

---
 src/components/RiskChart.tsx            | 10 +++++++---
 src/components/SitesReport.tsx          |  4 ++--
 src/themed/progress-bar/ProgressBar.tsx |  7 ++-----
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/RiskChart.tsx b/src/components/RiskChart.tsx
index 9d852cf..876ae20 100644
--- a/src/components/RiskChart.tsx
+++ b/src/components/RiskChart.tsx
@@ -35,9 +35,13 @@ const RiskChart = () => {
         {loading && <Loader />}
         {!loading && (
           <>
-            <ProgressBar label={t('riskChart.greenSites')} progress={data?.greenQuantity || 0} color="green-600" />
-            <ProgressBar label={t('riskChart.yellowSites')} progress={data?.orangeQuantity || 0} color="yellow-600" />
-            <ProgressBar label={t('riskChart.redSites')} progress={data?.redQuantity || 0} color="red-600" />
+            <ProgressBar label={t('riskChart.greenSites')} progress={data?.greenQuantity || 0} color="bg-green-600" />
+            <ProgressBar
+              label={t('riskChart.yellowSites')}
+              progress={data?.orangeQuantity || 0}
+              color="bg-yellow-600"
+            />
+            <ProgressBar label={t('riskChart.redSites')} progress={data?.redQuantity || 0} color="bg-red-600" />
           </>
         )}
       </Box>
diff --git a/src/components/SitesReport.tsx b/src/components/SitesReport.tsx
index c8799d5..cd95b55 100644
--- a/src/components/SitesReport.tsx
+++ b/src/components/SitesReport.tsx
@@ -11,8 +11,8 @@ const SitesReport = () => {
       <Title label={t('sitesReport.title')} type="subsection" className="mb-0" />
       <Box className="flex flex-col mt-6">
         <>
-          <ProgressBar label={t('sitesReport.title')} progress={60} color="green-600" />
-          <ProgressBar label={t('sitesReport.quantity')} progress={80} color="green-800" />
+          <ProgressBar label={t('sitesReport.title')} progress={60} color="bg-green-600" />
+          <ProgressBar label={t('sitesReport.quantity')} progress={80} color="bg-green-800" />
         </>
       </Box>
     </Box>
diff --git a/src/themed/progress-bar/ProgressBar.tsx b/src/themed/progress-bar/ProgressBar.tsx
index 940c88a..e89b7f5 100644
--- a/src/themed/progress-bar/ProgressBar.tsx
+++ b/src/themed/progress-bar/ProgressBar.tsx
@@ -17,11 +17,8 @@ export const ProgressBar: React.FC<ProgressBarProps> = ({ label, progress, color
       </Box>
       <Box className="flex-row items-center">
         <Box className="relative w-11/12 rounded-full h-2" style={{ width: '100%' }}>
-          <Box
-            className={`absolute top-0 left-0 h-full rounded-full bg-${color} opacity-30`}
-            style={{ width: `100%` }}
-          />
-          <Box className={`absolute top-0 left-0 h-full rounded-full bg-${color}`} style={{ width: `${progress}%` }} />
+          <Box className={`absolute top-0 left-0 h-full rounded-full ${color} opacity-30`} style={{ width: `100%` }} />
+          <Box className={`absolute top-0 left-0 h-full rounded-full ${color}`} style={{ width: `${progress}%` }} />
         </Box>
       </Box>
     </Box>

From c9e803e04a3b3e2698bb2a618cffaf7eacc5d7fc Mon Sep 17 00:00:00 2001
From: zant <gonzalochristobal@gmail.com>
Date: Mon, 4 Nov 2024 18:50:44 +0100
Subject: [PATCH 3/6] feat: remove unused

---
 src/routes/AppRouter.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/AppRouter.tsx b/src/routes/AppRouter.tsx
index 6f069b3..b62d2e3 100644
--- a/src/routes/AppRouter.tsx
+++ b/src/routes/AppRouter.tsx
@@ -11,8 +11,10 @@ import LangContextProvider from '../providers/LangContextProvider';
 import StateContextProvider from '../providers/StateContextProvider';
 
 import TeamList from '@/components/list/TeamsList';
+import AppHome from '@/pages/AppHome';
 import LoadCity from '@/pages/loader/LoadCity';
 import MyCity from '@/pages/my-city/MyCityPage';
+import MyCommunity from '@/pages/my-community/MyCommunityPage';
 import CityList from '../components/list/CityList';
 import OrganizationList from '../components/list/OrganizationList';
 import RoleList from '../components/list/RoleList';
@@ -26,8 +28,6 @@ import CreateSuccessPage from '../pages/auth/CreateSuccess';
 import LoadUser from '../pages/loader/LoadUser';
 import Loader from '../themed/loader/Loader';
 import ProtectedRoute from './ProtectedRoute';
-import AppHome from '@/pages/AppHome';
-import MyCommunity from '@/pages/my-community/MyCommunityPage';
 
 // Create a React Query client
 const queryClient = new QueryClient({

From 28456ce9a4400bd3b457ae0752c3427823c1b00c Mon Sep 17 00:00:00 2001
From: zant <gonzalochristobal@gmail.com>
Date: Mon, 4 Nov 2024 19:07:21 +0100
Subject: [PATCH 4/6] feat: remove unused

---
 src/routes/AppRouter.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/AppRouter.tsx b/src/routes/AppRouter.tsx
index 3224466..bfc4594 100644
--- a/src/routes/AppRouter.tsx
+++ b/src/routes/AppRouter.tsx
@@ -1,6 +1,6 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { Suspense } from 'react';
-import { Outlet, RouterProvider, createBrowserRouter } from 'react-router-dom';
+import { RouterProvider, createBrowserRouter } from 'react-router-dom';
 import BaseLayout from '../layout/BaseLayout';
 
 import MuiTheme from '../mui-theme';

From b5279ec0ef4337872916559581c2144a1c60115f Mon Sep 17 00:00:00 2001
From: zant <gonzalochristobal@gmail.com>
Date: Mon, 4 Nov 2024 19:19:31 +0100
Subject: [PATCH 5/6] feat: add risk report

---
 src/pages/my-community/MyCommunityPage.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/my-community/MyCommunityPage.tsx b/src/pages/my-community/MyCommunityPage.tsx
index 46eaaa0..80012c0 100644
--- a/src/pages/my-community/MyCommunityPage.tsx
+++ b/src/pages/my-community/MyCommunityPage.tsx
@@ -1,6 +1,6 @@
 import { Box, Divider } from '@mui/material';
 import { deserialize } from 'jsonapi-fractal';
-import { useEffect, useState } from 'react';
+import { IframeHTMLAttributes, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import InfiniteScroll from 'react-infinite-scroll-component';
 import { authApi } from '@/api/axios';
@@ -16,12 +16,12 @@ type Sort = 'asc' | 'desc';
 const LookerStudioEmbed = () => {
   return (
     <iframe
-      title="Looker Stuio"
+      title="Looker Studio Report"
       width="100%"
-      height="450"
-      src="https://lookerstudio.google.com/embed/reporting/3e09d10b-e76e-4540-9627-4068431ff44b/page/e1SEE"
-      className="border-0"
-      allowFullScreen
+      height="1000"
+      src="https://lookerstudio.google.com/embed/reporting/52ffa4b7-c386-4c77-b5c8-ad765c9f15cc/page/2hjKE"
+      scrolling="no"
+      className="border-0 p-0 h-min-max overscroll-none overflow-hidden"
       sandbox="allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox"
     />
   );

From 52c0ed4356be514ff9b8307eb75de4dd6ff74238 Mon Sep 17 00:00:00 2001
From: zant <gonzalochristobal@gmail.com>
Date: Mon, 4 Nov 2024 19:21:05 +0100
Subject: [PATCH 6/6] fix: remove unused

---
 src/pages/my-community/MyCommunityPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/my-community/MyCommunityPage.tsx b/src/pages/my-community/MyCommunityPage.tsx
index 80012c0..a91bce5 100644
--- a/src/pages/my-community/MyCommunityPage.tsx
+++ b/src/pages/my-community/MyCommunityPage.tsx
@@ -1,6 +1,6 @@
 import { Box, Divider } from '@mui/material';
 import { deserialize } from 'jsonapi-fractal';
-import { IframeHTMLAttributes, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import InfiniteScroll from 'react-infinite-scroll-component';
 import { authApi } from '@/api/axios';