From 63b17945ab0997d65df4d6f50feabe19e07c5989 Mon Sep 17 00:00:00 2001
From: Alexis Werefox <adh9694@gmail.com>
Date: Sun, 17 Oct 2021 22:40:17 +0000
Subject: [PATCH] Minor changes on which buttons open a new page.

---
 src/info/components/project-block.js |  1 +
 src/info/components/project-card.js  | 66 ++++++++++++++++++++--------
 src/info/data/homepage/other.yml     |  2 +
 3 files changed, 50 insertions(+), 19 deletions(-)

diff --git a/src/info/components/project-block.js b/src/info/components/project-block.js
index 57130d2..8532da4 100644
--- a/src/info/components/project-block.js
+++ b/src/info/components/project-block.js
@@ -9,6 +9,7 @@ export default function ProjectCardBlock({ title, cards }) {
           <PCard
             key={card}
             title={card}
+            new_tab={cards[card].new_tab}
             url={cards[card].url}
             src={cards[card].src}
             alt={cards[card].alt}
diff --git a/src/info/components/project-card.js b/src/info/components/project-card.js
index 8037006..38aa125 100644
--- a/src/info/components/project-card.js
+++ b/src/info/components/project-card.js
@@ -9,23 +9,51 @@ export default function projectCard({
   alt,
   description,
 }) {
-  const open_new_tab = new_tab ? "_blank" : "";
-
-  return (
-    <div>
-      <Link href={url}>
-        <a target={open_new_tab}>
-          <li className="p-4 space-y-2 rounded-sm ring-2 text-werefox-blue-dark dark:text-werefox-blue hover:text-werefox-pink-dark dark:hover:text-werefox-pink ring-werefox-blue-dark dark:ring-werefox-blue hover:ring-werefox-pink-dark dark:hover:ring-werefox-pink hover:animate-yip transition">
-            <div className="text-lg text-center">
-              <span className="animate-jiggle sm:w-6 sm:h-6 w-4 h-6 inline-block align-top">
-                <Image src={src} layout="fill" objectFit="contain" alt={alt} />
-              </span>
-              {` ${title}`}
-            </div>
-            <div className="text-md text-center">{description}</div>
-          </li>
-        </a>
-      </Link>
-    </div>
-  );
+  if (Boolean(new_tab)) {
+    return (
+      <div>
+        <Link href={url}>
+          <a target="_blank">
+            <li className="p-4 space-y-2 rounded-sm ring-2 text-werefox-blue-dark dark:text-werefox-blue hover:text-werefox-pink-dark dark:hover:text-werefox-pink ring-werefox-blue-dark dark:ring-werefox-blue hover:ring-werefox-pink-dark dark:hover:ring-werefox-pink hover:animate-yip transition">
+              <div className="text-lg text-center">
+                <span className="animate-jiggle sm:w-6 sm:h-6 w-4 h-6 inline-block align-top">
+                  <Image
+                    src={src}
+                    layout="fill"
+                    objectFit="contain"
+                    alt={alt}
+                  />
+                </span>
+                {` ${title}`}
+              </div>
+              <div className="text-md text-center">{description}</div>
+            </li>
+          </a>
+        </Link>
+      </div>
+    );
+  } else {
+    return (
+      <div>
+        <Link href={url}>
+          <a>
+            <li className="p-4 space-y-2 rounded-sm ring-2 text-werefox-blue-dark dark:text-werefox-blue hover:text-werefox-pink-dark dark:hover:text-werefox-pink ring-werefox-blue-dark dark:ring-werefox-blue hover:ring-werefox-pink-dark dark:hover:ring-werefox-pink hover:animate-yip transition">
+              <div className="text-lg text-center">
+                <span className="animate-jiggle sm:w-6 sm:h-6 w-4 h-6 inline-block align-top">
+                  <Image
+                    src={src}
+                    layout="fill"
+                    objectFit="contain"
+                    alt={alt}
+                  />
+                </span>
+                {` ${title}`}
+              </div>
+              <div className="text-md text-center">{description}</div>
+            </li>
+          </a>
+        </Link>
+      </div>
+    );
+  }
 }
diff --git a/src/info/data/homepage/other.yml b/src/info/data/homepage/other.yml
index c0b5792..0dff32e 100644
--- a/src/info/data/homepage/other.yml
+++ b/src/info/data/homepage/other.yml
@@ -4,8 +4,10 @@ Servers:
   url: "https://info.werefox.dev/servers"
   images:
     - { src: "/emoji/computer.svg", alt: "Computer emoji" }
+  new_tab: true
 
 "Support Us?":
   url: "https://info.werefox.dev/support"
   images:
     - { src: "/emoji/green_money.svg", alt: "Green money emoji" }
+  new_tab: true