wip plugin admin

betagouv · Apr 10, 2024 · efafd89 · efafd89
1 parent 0ec6e9a
commit efafd89
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 24 deletions.
diff --git 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
@@ -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>
+    </>
   );
 };