From efafd89c82cf4db27e5828580aa1efbd87b8ca89 Mon Sep 17 00:00:00 2001
From: Ludovic Delhomme <ludovic.delhomme@datayama.fr>
Date: Wed, 10 Apr 2024 19:28:46 +0200
Subject: [PATCH] wip plugin admin

---
 .../admin/src/components/FlowCard.tsx         |  1 -
 .../admin/src/pages/HomePage/index.tsx        | 37 +++++++------------
 2 files changed, 14 insertions(+), 24 deletions(-)

diff --git a/cms/src/plugins/betagouv/admin/src/components/FlowCard.tsx b/cms/src/plugins/betagouv/admin/src/components/FlowCard.tsx
index 9c1a00556b..1edbbacfd6 100644
--- a/cms/src/plugins/betagouv/admin/src/components/FlowCard.tsx
+++ b/cms/src/plugins/betagouv/admin/src/components/FlowCard.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box, Typography, Button } from '@strapi/design-system';
 import getTrad from '../utils/getTrad';
 import { useIntl } from "react-intl"
diff --git a/cms/src/plugins/betagouv/admin/src/pages/HomePage/index.tsx b/cms/src/plugins/betagouv/admin/src/pages/HomePage/index.tsx
index 404dfba736..d4400077f6 100644
--- a/cms/src/plugins/betagouv/admin/src/pages/HomePage/index.tsx
+++ b/cms/src/plugins/betagouv/admin/src/pages/HomePage/index.tsx
@@ -1,5 +1,4 @@
-import React from 'react';
-import { Box, Flex, GridLayout, Typography, Button } from '@strapi/design-system';
+import { Box, BaseHeaderLayout, GridLayout, Typography, Button } from '@strapi/design-system';
 import getTrad from '../../utils/getTrad';
 import { useIntl } from "react-intl"
 import { useFlowList } from '../../hooks/useFlowList';
@@ -10,27 +9,19 @@ const HomePage = () => {
   const [flows, isLoading] = useFlowList();
 
   return (
-		<Box
-			as="aside"
-			aria-labelledby="betagouv"
-			background="neutral0"
-			borderColor="neutral150"
-			hasRadius
-			paddingBottom={4}
-			paddingLeft={4}
-			paddingRight={4}
-			paddingTop={6}
-			shadow="tableShadow"
-		>
-      <Flex direction='column' wrap='nowrap'>
-			  <Typography variant="sigma" textColor="neutral600" id="betagouv">
-          {formatMessage({ id: getTrad('name') })}
-			  </Typography>
-        <GridLayout style={{width: '100%'}}>
-          { !isLoading && flows.map(f => <FlowCard id={f} key={f}></FlowCard>)}
-        </GridLayout>
-      </Flex>
-		</Box>
+    <>
+      <Box background="neutral100">
+        <BaseHeaderLayout 
+          title={formatMessage({ id: getTrad(`name`)})} 
+          as="h2" 
+        />
+      </Box>
+      <GridLayout>
+      <FlowCard id={'flush_cache'} />
+      <FlowCard id={'deploy'} />
+      { !isLoading && flows.map((f,i) => <FlowCard id={f} key={i} />)}
+      </GridLayout>
+    </>
   );
 };