Create component

2024-05-20 14:46:42 +04:00
parent 88f51ef5f5
commit 2d527568a8
1 changed files with 33 additions and 0 deletions
@@ -0,0 +1,33 @@
+import Box from '@mui/material/Box'
+import SpeedDial from '@mui/material/SpeedDial'
+import SpeedDialIcon from '@mui/material/SpeedDialIcon'
+import SpeedDialAction from '@mui/material/SpeedDialAction'
+import ArticleIcon from '@mui/icons-material/Article'
+import TitleIcon from '@mui/icons-material/Title'
+
+const actions = [
+  {icon: <TitleIcon />, name: 'Créer un titre'},
+  {icon: <ArticleIcon />, name: 'Créer un article'}
+]
+
+export default function Create() {
+  return (
+    <Box sx={{height: 18, transform: 'translateZ(0px)', flexGrow: 1}}>
+      <SpeedDial
+        FabProps={{color: 'success'}}
+        direction='left'
+        ariaLabel='Créer un titre ou un article'
+        sx={{position: 'absolute', bottom: 18, right: 0}}
+        icon={<SpeedDialIcon />}
+      >
+        {actions.map(action => (
+          <SpeedDialAction
+            key={action.name}
+            icon={action.icon}
+            tooltipTitle={action.name}
+          />
+        ))}
+      </SpeedDial>
+    </Box>
+  )
+}