From 416d60c8a9139ac3561ccf4be231bf23a1af7399 Mon Sep 17 00:00:00 2001
From: m-tartari <37861893+m-tartari@users.noreply.github.com>
Date: Tue, 10 Feb 2026 11:19:12 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(people):=20unifor?=
 =?UTF-8?q?m=20employee=20card=20rendering?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../molecules/EmplyeeStack/index.tsx          |  3 ++
 src/components/pages/PeoplePage/index.tsx     | 47 ++++++++++---------
 2 files changed, 27 insertions(+), 23 deletions(-)

diff --git a/src/components/molecules/EmplyeeStack/index.tsx b/src/components/molecules/EmplyeeStack/index.tsx
index e90c2e7..51eeaa5 100644
--- a/src/components/molecules/EmplyeeStack/index.tsx
+++ b/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}
diff --git a/src/components/pages/PeoplePage/index.tsx b/src/components/pages/PeoplePage/index.tsx
index bb094f4..271f376 100644
--- a/src/components/pages/PeoplePage/index.tsx
+++ b/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
-          items={[
-            // { 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" />
+        {people.map((props, idx) => (
+          <EmplyeeStack key={idx} items={props} />
+        ))}
       </Box>
     </Page>
   )