From d6c37e7a3eaf58903b982f963473458a03b40c4f Mon Sep 17 00:00:00 2001
From: Joost De Cock <joost@joost.at>
Date: Fri, 31 Dec 2021 13:52:27 +0100
Subject: [PATCH] fix(fs.dev): Some linter warnings

---
 packages/freesewing.dev/components/footer.js                | 4 ++--
 packages/freesewing.shared/components/logos/osi.js          | 2 +-
 packages/freesewing.shared/components/navigation/primary.js | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/freesewing.dev/components/footer.js b/packages/freesewing.dev/components/footer.js
index 713406690aa..59b0ca7fd3c 100644
--- a/packages/freesewing.dev/components/footer.js
+++ b/packages/freesewing.dev/components/footer.js
@@ -108,7 +108,7 @@ const Footer = ({ app }) => (
     </p>
     <div className="p-4 pb-16 flex flex-row bg-neutral -mt-2 z-0 gap-1 lg:gap-2 flex-wrap justify-around text-neutral-content lg:px-24">
       {contributors.map(person => (
-        <a title={person.name} href={person.profile} className="m-auto" key={person.name}>
+        <a title={person.name} href={person.profile} className="m-auto" key={person.profile+person.name}>
           <img
             src={person.avatar_url} alt={`Avatar of ${person.name}`}
             className="w-12 h-12 lg:w-16 lg:h-16 rounded-full border-2 border-secondary hover:border-accent"
@@ -128,7 +128,7 @@ const Footer = ({ app }) => (
           title={person.name}
           href={`https://freesewing.org/users/${person.username}`}
           className="m-auto"
-          key={person.name}
+          key={person.username}
         >
           <img
             src={person.img}
diff --git a/packages/freesewing.shared/components/logos/osi.js b/packages/freesewing.shared/components/logos/osi.js
index 9a1b71fcbf3..5d925e8a3d0 100644
--- a/packages/freesewing.shared/components/logos/osi.js
+++ b/packages/freesewing.shared/components/logos/osi.js
@@ -1,6 +1,6 @@
 const OsiLogo = ({ color='currentColor' }) => (
   <svg viewBox="-0.5 -0.5 33 33" xmlns="http://www.w3.org/2000/svg">
-    <path d="m16 15.993m1.9113 4.9789a5.333 5.333 0 1 0-3.8226 0l-3.5923 9.3604a15.359 15.359 0 1 1 11.007 0z" fill="none" stroke={color} stroke-width="2"/>
+    <path d="m16 15.993m1.9113 4.9789a5.333 5.333 0 1 0-3.8226 0l-3.5923 9.3604a15.359 15.359 0 1 1 11.007 0z" fill="none" stroke={color} strokeWidth="2"/>
   </svg>
 )
 
diff --git a/packages/freesewing.shared/components/navigation/primary.js b/packages/freesewing.shared/components/navigation/primary.js
index e2020db0a73..1ec32ebc408 100644
--- a/packages/freesewing.shared/components/navigation/primary.js
+++ b/packages/freesewing.shared/components/navigation/primary.js
@@ -112,7 +112,7 @@ const SubLevel = ({ nodes={}, active }) => (
           </details>
         </li>
       ) : (
-        <li className='pl-2 flex flex-row items-center'>
+        <li className='pl-2 flex flex-row items-center' key={child.__slug}>
           <Link href={`/${child.__slug}`} title={child.__title}>
             <a className={`
               pl-2 border-l-2
@@ -172,10 +172,10 @@ const Navigation = ({ app, active }) => {
   if (!app.navigation) return null
   const output = []
   for (const key of Object.keys(app.navigation).sort()) output.push(<TopLevel
+    key={key}
     icon={icons[key] || <span className="text-3xl mr-2 translate-y-3 inline-block p-0 leading-3">&deg;</span>}
     title={key}
     slug={key}
-    key={key}
     hasChildren={keepClosed.indexOf(key) === -1}
     nav={app.navigation}
     current={order(app.navigation[key])}