casl/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️ refactor(people): uniform employee card rendering

Browse Source
This commit is contained in:
m-tartari
2026-02-10 11:19:12 +01:00
parent 31b5f3c999
commit 416d60c8a9
2 changed files with 27 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/molecules/EmplyeeStack/index.tsx
+3
View File
@@ -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
+24 -23
View File
@@ -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>
)