From 4686ab861925184f615d84c6340912d37f381003 Mon Sep 17 00:00:00 2001
From: Mark Linn <marktlinn@gmail.com>
Date: Thu, 7 Sep 2023 09:17:06 +0200
Subject: [PATCH] chore: add no nested ternary to ESLint rules

---
 .eslintrc.json                         |  3 ++-
 src/components/Avatar.tsx              | 15 +++++++--------
 src/components/navbar/DropDown.tsx     |  6 +++++-
 src/components/navbar/DropDownLink.tsx | 14 ++++++++++++--
 4 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index 99754607..d26019a2 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -69,6 +69,7 @@
     "object-curly-newline": [2, { "minProperties": 4, "consistent": true }],
     "brace-style": 2,
     "no-multiple-empty-lines": 2,
-    "eol-last": [2, "always"]
+    "eol-last": [2, "always"],
+    "no-nested-ternary": 2
   }
 }
diff --git a/src/components/Avatar.tsx b/src/components/Avatar.tsx
index 68bdb325..e9747b27 100644
--- a/src/components/Avatar.tsx
+++ b/src/components/Avatar.tsx
@@ -3,18 +3,17 @@ import Image from "next/image";
 interface AvatarProps {
   imgPath?: string;
   width?: number;
-  height?: number
+  height?: number;
 }
 
-export default function Avatar({ imgPath = "/grey_ball.png", width = 24, height = 24 }: AvatarProps) {
+export default function Avatar({
+  imgPath = "/grey_ball.png",
+  width = 24,
+  height = 24,
+}: AvatarProps) {
   return (
     <div className="px-0 pointer-events-none">
-      <Image
-        width={width}
-        height={height}
-        src={imgPath}
-        alt="Profile image"
-      />
+      <Image width={width} height={height} src={imgPath} alt="Profile image" />
     </div>
   );
 }
diff --git a/src/components/navbar/DropDown.tsx b/src/components/navbar/DropDown.tsx
index 1eb18e16..5a2d7403 100644
--- a/src/components/navbar/DropDown.tsx
+++ b/src/components/navbar/DropDown.tsx
@@ -23,7 +23,11 @@ export default function DropDown({ name }: { name: string }) {
       <ul className="mx-4 p-2 bg-white  left-2 font-medium z-10">
         <li>
           <DropDownLink handleClick={handleClick} title="Link 1" />
-          <DropDownLink handleClick={handleClick} title="404???" href="/hello404" />
+          <DropDownLink
+            handleClick={handleClick}
+            title="404???"
+            href="/hello404"
+          />
         </li>
       </ul>
     </details>
diff --git a/src/components/navbar/DropDownLink.tsx b/src/components/navbar/DropDownLink.tsx
index 6466ad69..88928282 100644
--- a/src/components/navbar/DropDownLink.tsx
+++ b/src/components/navbar/DropDownLink.tsx
@@ -6,8 +6,18 @@ interface DropDownLinkProps {
   handleClick: () => void;
 }
 
-export default function DropDownLink({ title, href = "#", handleClick }: DropDownLinkProps) {
+export default function DropDownLink({
+  title,
+  href = "#",
+  handleClick,
+}: DropDownLinkProps) {
   return (
-    <Link href={href} className="text-neutral hover:text-primary duration-200" onClick={handleClick}>{title}</Link>
+    <Link
+      href={href}
+      className="text-neutral hover:text-primary duration-200"
+      onClick={handleClick}
+    >
+      {title}
+    </Link>
   );
 }