From 3829dd0093c198342d650fa773a27320077107c1 Mon Sep 17 00:00:00 2001
From: rebeccadumazert <rebeccadumazert@hotmail.fr>
Date: Mon, 8 Jan 2024 16:17:57 +0100
Subject: [PATCH] create dashboard component

---
 .../providers/connectedSpaces/Dashboard.tsx   | 62 +++++++++++++++++++
 front/src/routes/Router.tsx                   |  7 +--
 2 files changed, 64 insertions(+), 5 deletions(-)
 create mode 100644 front/src/providers/connectedSpaces/Dashboard.tsx

diff --git a/front/src/providers/connectedSpaces/Dashboard.tsx b/front/src/providers/connectedSpaces/Dashboard.tsx
new file mode 100644
index 0000000..b4bfb18
--- /dev/null
+++ b/front/src/providers/connectedSpaces/Dashboard.tsx
@@ -0,0 +1,62 @@
+import { Badge } from '@codegouvfr/react-dsfr/Badge';
+import Title1 from '../../titles/Title1';
+import { Card } from '@codegouvfr/react-dsfr/Card';
+
+export const Dashboard = () => {
+  return (
+    <div className="fr-container fr-mb-10v">
+      <Title1>Tableau de bord</Title1>
+      <div className="fr-grid-row fr-grid-row--gutters">
+        <div className="container fr-col-6">
+          <Card
+            background
+            border
+            desc="Description text MD"
+            horizontal
+            enlargeLink
+            linkProps={{
+              to: '#',
+            }}
+            size="small"
+            start={
+              <ul className="fr-badges-group">
+                <li>
+                  <Badge>Clés de test</Badge>
+                  <Badge severity="info">DINUM</Badge>
+                </li>
+              </ul>
+            }
+            title="Test"
+            titleAs="h2"
+          />
+        </div>
+
+        {/* CARTE 2 !!  */}
+
+        <div className="container fr-col-6">
+          <Card
+            background
+            border
+            desc="Description text MD"
+            horizontal
+            enlargeLink
+            linkProps={{
+              to: '#',
+            }}
+            size="small"
+            start={
+              <ul className="fr-badges-group">
+                <li>
+                  <Badge>Clés de test</Badge>
+                  <Badge severity="info">ANCT</Badge>
+                </li>
+              </ul>
+            }
+            title="Test"
+            titleAs="h2"
+          />
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/front/src/routes/Router.tsx b/front/src/routes/Router.tsx
index a3d5c5b..f0c156f 100644
--- a/front/src/routes/Router.tsx
+++ b/front/src/routes/Router.tsx
@@ -10,6 +10,7 @@ import { EspaceConnected } from '../providers/connectedSpaces/EspaceConnected';
 import { ProviderDetails } from '../providers/details/ProviderDetails';
 import { OidcClientFormProvider } from '../providers/details/oidc-client-form.context';
 import { EspaceDocumentation } from '../providers/documentation/EspaceDocumentation';
+import { Dashboard } from '../providers/connectedSpaces/Dashboard';
 
 const router = createBrowserRouter([
   {
@@ -43,11 +44,7 @@ const router = createBrowserRouter([
     },
     element: (
       <PageLayout>
-        <>
-          <a href="/dashboard/new">NEW</a>
-          <br />
-          <a href="/dashboard/123">Rebecca Project 123</a>
-        </>
+        <Dashboard></Dashboard>
       </PageLayout>
     ),
   },