guezoloic/website
1
0
Fork 0
mirror of https://github.com/guezoloic/website.git synced 2026-03-28 18:03:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(Skills): 'Element[]' is missing error resolved

Browse Source
This commit is contained in:
Loïc GUEZO
2026-03-23 00:06:04 +01:00
parent 8185757933
commit 53b1c4d825
1 changed files with 27 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
app/components/sections/Skills.tsx
View File

@@ -20,34 +20,36 @@ export default function Skills({ id, open, onClose }: SkillsProps) {
return ( return (
<Window open={open} onClose={onClose}> <Window open={open} onClose={onClose}>
<Section id={id} title={t("skills.title")}> <Section id={id} title={t("skills.title")}>
{skillsData.map((section, i) => ( <>
<div key={i} className="flex flex-col gap-2"> {skillsData.map((section, i) => (
<div className="flex flex-col gap-2 max-w-3xl w-full bg-black/20 rounded-2xl p-8 space-y-4 shadow-lg"> <div key={i} className="flex flex-col gap-2">
<h2 className="text-xl font-semibold font-extrabold bg-clip-text text-transparent <div className="flex flex-col gap-2 max-w-3xl w-full bg-black/20 rounded-2xl p-8 space-y-4 shadow-lg">
<h2 className="text-xl font-semibold font-extrabold bg-clip-text text-transparent
bg-gradient-to-r from-green-200 via-emerald-600 to-green-800">{t(section.title)}:</h2> bg-gradient-to-r from-green-200 via-emerald-600 to-green-800">{t(section.title)}:</h2>
<div className="flex flex-wrap gap-2"> <div className="flex flex-wrap gap-2">
{section.tags.map((tag, j) => { {section.tags.map((tag, j) => {
const Icon = (SiIcons as Record<string, React.ElementType>)[tag.icon]; const Icon = (SiIcons as Record<string, React.ElementType>)[tag.icon];
return ( return (
<motion.div <motion.div
key={j} key={j}
className="flex items-center gap-2 p-2" className="flex items-center gap-2 p-2"
initial={{ opacity: 0, y: 15 }} initial={{ opacity: 0, y: 15 }}
whileInView={{ opacity: 1, y: 0 }} whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: false, amount: 0 }} viewport={{ once: false, amount: 0 }}
transition={{ duration: 0.5, delay: j * 0.08 }} transition={{ duration: 0.5, delay: j * 0.08 }}
> >
<div className="flex items-center gap-2 p-1.5"> <div className="flex items-center gap-2 p-1.5">
{Icon && <Icon className="w-5 h-5 text-emerald-400 mt-1" />} {Icon && <Icon className="w-5 h-5 text-emerald-400 mt-1" />}
<span className="text-sm md:text-base">{tag.name}</span> <span className="text-sm md:text-base">{tag.name}</span>
</div> </div>
</motion.div> </motion.div>
); );
})} })}
</div>
</div> </div>
</div> </div>
</div> ))}
))} </>
</Section> </Section>
</Window> </Window>
); );