Spythere/spythere-portfolio
1
0
Fork 0
mirror of https://github.com/Spythere/spythere-portfolio.git synced 2026-05-03 13:38:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: key props

Browse Source
This commit is contained in:
Spythere
2025-03-31 18:01:18 +02:00
parent 8b194d5bb3
commit ae2bb88d01
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/TechScroller.tsx
+2 -2
View File
@@ -22,8 +22,8 @@ const techs = [FaHtml5, FaCss3Alt, FaJs, FaVuejs, FaReact, SiNestjs, SiNuxtdotjs
function TechScroller() { function TechScroller() {
return ( return (
<StyledTechScroller> <StyledTechScroller>
{techs.map((TechIcon) => ( {techs.map((TechIcon, i) => (
<TechIcon /> <TechIcon key={i} />
))} ))}
</StyledTechScroller> </StyledTechScroller>
); );
src/sections/ProjectsSection.tsx
+4 -4
View File
@@ -108,7 +108,7 @@ function ProjectsSection() {
<div className="showcase-container"> <div className="showcase-container">
{projects.showcase.map((p) => ( {projects.showcase.map((p) => (
<div className="project-card showcase"> <div className="project-card showcase" key={p.id}>
<div className="project-thumbnail"> <div className="project-thumbnail">
<img src={p.thumbnailSrc} alt="" /> <img src={p.thumbnailSrc} alt="" />
</div> </div>
@@ -122,7 +122,7 @@ function ProjectsSection() {
<div className="project-badges"> <div className="project-badges">
{p.technologies.map((tech) => ( {p.technologies.map((tech) => (
<img src={tech} alt="technology badge"></img> <img key={tech} src={tech} alt="technology badge"></img>
))} ))}
</div> </div>
@@ -149,7 +149,7 @@ function ProjectsSection() {
<div className="other-projects-container"> <div className="other-projects-container">
{projects.other.map((p) => ( {projects.other.map((p) => (
<div className="project-card"> <div className="project-card" key={p.id}>
<div className="project-content"> <div className="project-content">
<div className="project-title"> <div className="project-title">
{p.iconSrc && <img className="project-title-icon" src={p.iconSrc} alt="" />} {p.iconSrc && <img className="project-title-icon" src={p.iconSrc} alt="" />}
@@ -159,7 +159,7 @@ function ProjectsSection() {
<div className="project-badges"> <div className="project-badges">
{p.technologies.map((tech) => ( {p.technologies.map((tech) => (
<img src={tech} alt="technology badge"></img> <img key={tech} src={tech} alt="technology badge"></img>
))} ))}
</div> </div>