♻️ refactor(people): uniform employee card rendering

src/components/molecules/EmplyeeStack/index.tsx

@@ -28,6 +28,9 @@ const EmplyeeStack: FC<Props> = ({
     }
   }
 
+  if (items.length === 0) return null
+  if (items.length === 1) return <EmplyeeCard {...items[0]} />
+
   return (
     <Box
       onClick={handleTopClick}

src/components/pages/PeoplePage/index.tsx

@@ -1,8 +1,27 @@
 import { Box, Typography } from '@mui/material'
 
-import EmplyeeCard from 'components/molecules/EmplyeeCard/index.js'
 import { Page } from 'components/templates/index.js'
-import EmplyeeStack from '../../molecules/EmplyeeStack/index.js'
+import { EmplyeeCardProps } from 'components/molecules/EmplyeeCard/index.js'
+import EmplyeeStack from 'components/molecules/EmplyeeStack/index.js'
+
+const people: EmplyeeCardProps[][] = [
+  [
+    // { name: "Alberto V d'Este", image: 'images/people/albertoV.jpg', position: 'Marchese' },
+    { name: 'Bartolomeo Contrari', image: 'images/people/bartolomeo_contrari.jpg', position: 'Nobile' },
+    { name: 'Zan Biancolin', image: 'images/people/zanbiancolin.jpg', position: 'Cuoco' },
+  ],
+  [
+    { name: 'Niccolò degli Obizzi', image: 'images/people/niccolo_degli_obizzi.jpg', position: 'Nobile' },
+    { name: 'Ferantino di Zampalocha', image: 'images/people/ferantino_di_zampalocha.jpg', position: 'Serragente' },
+  ],
+  [{ name: 'Galacino Galaci', image: 'images/people/galacino_galaci.jpg', position: 'Fante' }],
+  [{ name: 'Zanino il Beccaio', image: 'images/people/zannino_il_beccaio.jpg', position: 'Fante' }],
+  [{ name: 'Gamberino di Bergantino', image: 'images/people/gamberino_di_bergantino.jpg', position: 'Fante' }],
+  [{ name: 'Albertino della Muzzina', image: 'images/people/albertino_della_muzzina.jpg', position: 'Fante' }],
+  [{ name: 'Benato Guerzi da Baura', image: 'images/people/benato_guerzi_da_baura.jpg', position: 'Fante' }],
+  [{ name: 'Ghisola Casale da Castrocaro', image: 'images/people/ghisola_da_castrocaro.jpg', position: 'Cuoca' }],
+  [{ name: 'Perina', image: 'images/people/perina.jpg', position: 'Moglie di Ferantino' }],
+]
 
 const ProjectsPage = () => {
   return (
@@ -13,27 +32,9 @@ const ProjectsPage = () => {
         comportamento sono fondamentali alla ricostruzione di uno spaccato della vita di un campo d'arme del tardo XIV Secolo.
       </Typography>
       <Box display="flex" gap={1} flexWrap="wrap" justifyContent="center">
-        <EmplyeeStack
+        {people.map((props, idx) => (
-          items={[
+          <EmplyeeStack key={idx} items={props} />
-            // { name: "Alberto V d'Este", image: 'images/people/albertoV.jpg', position: 'Marchese' },
+        ))}
-            { name: 'Bartolomeo Contrari', image: 'images/people/bartolomeo_contrari.jpg', position: 'Nobile' },
-            { name: 'Zan Biancolin', image: 'images/people/zanbiancolin.jpg', position: 'Cuoco' },
-          ]}
-        />
-        <EmplyeeStack
-          items={[
-            { name: 'Niccolò degli Obizzi', image: 'images/people/niccolo_degli_obizzi.jpg', position: 'Nobile' },
-            { name: 'Ferantino di Zampalocha', image: 'images/people/ferantino_di_zampalocha.jpg', position: 'Serragente' },
-          ]}
-        />
-
-        <EmplyeeCard name="Galacino Galaci" image="images/people/galacino_galaci.jpg" position="Fante" />
-        <EmplyeeCard name="Zanino il Beccaio" image="images/people/zannino_il_beccaio.jpg" position="Fante" />
-        <EmplyeeCard name="Gamberino di Bergantino" image="images/people/gamberino_di_bergantino.jpg" position="Fante" />
-        <EmplyeeCard name="Albertino della Muzzina" image="images/people/albertino_della_muzzina.jpg" position="Fante" />
-        <EmplyeeCard name="Benato Guerzi da Baura" image="images/people/benato_guerzi_da_baura.jpg" position="Fante" />
-        <EmplyeeCard name="Ghisola Casale da Castrocaro" image="images/people/ghisola_da_castrocaro.jpg" position="Cuoca" />
-        <EmplyeeCard name="Perina" image="images/people/perina.jpg" position="Moglie di Ferantino" />
       </Box>
     </Page>
   )