Spythere/spythere-portfolio
1
0
Fork 0
mirror of https://github.com/Spythere/spythere-portfolio.git synced 2026-05-02 21:18:15 +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() {
return (
<StyledTechScroller>
{techs.map((TechIcon) => (
<TechIcon />
{techs.map((TechIcon, i) => (
<TechIcon key={i} />
))}
</StyledTechScroller>
);
src/sections/ProjectsSection.tsx
+4 -4
View File
@@ -108,7 +108,7 @@ function ProjectsSection() {
<div className="showcase-container">
{projects.showcase.map((p) => (
<div className="project-card showcase">
<div className="project-card showcase" key={p.id}>
<div className="project-thumbnail">
<img src={p.thumbnailSrc} alt="" />
</div>
@@ -122,7 +122,7 @@ function ProjectsSection() {
<div className="project-badges">
{p.technologies.map((tech) => (
<img src={tech} alt="technology badge"></img>
<img key={tech} src={tech} alt="technology badge"></img>
))}
</div>
@@ -149,7 +149,7 @@ function ProjectsSection() {
<div className="other-projects-container">
{projects.other.map((p) => (
<div className="project-card">
<div className="project-card" key={p.id}>
<div className="project-content">
<div className="project-title">
{p.iconSrc && <img className="project-title-icon" src={p.iconSrc} alt="" />}
@@ -159,7 +159,7 @@ function ProjectsSection() {
<div className="project-badges">
{p.technologies.map((tech) => (
<img src={tech} alt="technology badge"></img>
<img key={tech} src={tech} alt="technology badge"></img>
))}
</div>