From 6ef5e0399fad0fb04a1b3e43ceccdb6ba41298f0 Mon Sep 17 00:00:00 2001
From: gibbyb <gib@gibbyb.com>
Date: Wed, 18 Sep 2024 15:18:35 -0500
Subject: [PATCH] Move git links out of accordion trigger as per Madeline's
 suggestion

---
 src/components/general/pfpname.tsx        |  5 +++++
 src/components/projects/fuse.tsx          | 19 ++++++++----------
 src/components/projects/lazyprimeagen.tsx | 17 +++++++---------
 src/components/projects/sunhat.tsx        | 11 +++++------
 src/components/projects/techtracker.tsx   | 12 +++++-------
 src/components/projects/tenantportal.tsx  | 24 +++++++++++------------
 src/components/projects/wiredworld.tsx    | 22 ++++++++++-----------
 7 files changed, 51 insertions(+), 59 deletions(-)

diff --git a/src/components/general/pfpname.tsx b/src/components/general/pfpname.tsx
index 89b3f4f..49a4315 100644
--- a/src/components/general/pfpname.tsx
+++ b/src/components/general/pfpname.tsx
@@ -1,5 +1,7 @@
 "use server"
 import Image from "next/image";
+import Link from "next/link";
+import { FaGithub } from "react-icons/fa";
 
 export async function PFPName() {
   return (
@@ -11,6 +13,9 @@ export async function PFPName() {
         <h1 className="text-4xl font-bold">Gabriel Brown</h1>
         <h2 className="text-2xl font-semibold">Full Stack Developer</h2>
       </div>
+      <Link href="https://github.com/gibbyb" className="my-auto">
+        < FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={36} />
+      </Link>
     </div>
   );
 }
diff --git a/src/components/projects/fuse.tsx b/src/components/projects/fuse.tsx
index e463f9c..6036d15 100644
--- a/src/components/projects/fuse.tsx
+++ b/src/components/projects/fuse.tsx
@@ -13,19 +13,16 @@ export default function Fuse() {
       <Accordion type="single" collapsible className="w-5/6 md:w-1/3">
         <AccordionItem value="item-1">
           <AccordionTrigger>
-            <div className="flex flex-row mx-auto">
-              <h1 className="text-lg md:text-2xl font-semibold text-center">
-                Fuse (React Native, Next.js, & PostgreSQL)
-              </h1>
-              <Link href="https://git.gbrown.org/gib/fuse_expo"
-                className="my-auto"
-              >
-                < FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
-              </Link>
-            </div>
+            <h1 className="text-lg md:text-2xl font-semibold text-center">
+              Fuse (React Native, Next.js, & PostgreSQL)
+            </h1>
           </AccordionTrigger>
           <AccordionContent>
-            <div className="flex flex-col">
+            <div className="flex flex-col my-4 mx-auto">
+              <Link href="https://git.gbrown.org/gib/fuse_expo" className="flex flex-row mx-auto my-4">
+                <h1 className="text-lg md:text-lg font-semibold text-center mx-auto">Fuse Git Repository</h1>
+                < FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
+              </Link>
               <p className="indent-4">
                 Fuse is an Expo Application that served as a way to learn React Native. This
                 application was made for my girlfriend & I in order to send each other
diff --git a/src/components/projects/lazyprimeagen.tsx b/src/components/projects/lazyprimeagen.tsx
index d5099d6..babcd16 100644
--- a/src/components/projects/lazyprimeagen.tsx
+++ b/src/components/projects/lazyprimeagen.tsx
@@ -13,19 +13,16 @@ export default function LazyPrimeagen() {
       <Accordion type="single" collapsible className="w-5/6 md:w-1/3">
         <AccordionItem value="item-1">
           <AccordionTrigger>
-            <div className="flex flex-row mx-auto">
-              <h1 className="text-lg md:text-2xl font-semibold text-center mx-auto">
-                Lazy Primeagen Neovim Config (Lua)
-              </h1>
-              <Link href="https://github.com/gibbyb/Lazy_Primeagen"
-                className="my-auto"
-              >
-                < FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
-              </Link>
-            </div>
+            <h1 className="text-lg md:text-2xl font-semibold text-center mx-auto">
+              Lazy Primeagen Neovim Config (Lua)
+            </h1>
           </AccordionTrigger>
           <AccordionContent>
             <div className="flex flex-col items-center justify-center">
+              <Link href="https://github.com/gibbyb/Lazy_Primeagen" className="flex flex-row mx-auto my-4">
+                <h1 className="text-lg md:text-lg font-semibold text-center mx-auto">Lazy Primeagen Git Repository</h1>
+                < FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
+              </Link>
               <p className="indent-4 items-center justify-center">
                 Lazy Primeagen is simply ThePrimeagen&apos;s Neovim Config, but with the 
                 deprecated Packer.nvim replaced with Lazy.nvim. This project is meant
diff --git a/src/components/projects/sunhat.tsx b/src/components/projects/sunhat.tsx
index 1f13eff..97e77fa 100644
--- a/src/components/projects/sunhat.tsx
+++ b/src/components/projects/sunhat.tsx
@@ -13,16 +13,15 @@ export default function Sunhat() {
       <Accordion type="single" collapsible className="w-5/6 md:w-1/3">
         <AccordionItem value="item-1">
           <AccordionTrigger>
+            <h1 className="text-lg md:text-2xl font-semibold text-center mx-auto">Sunhat (Bash)</h1>
+          </AccordionTrigger>
+          <AccordionContent>
             <div className="flex flex-row mx-auto">
-              <h1 className="text-lg md:text-2xl font-semibold text-center mx-auto">Sunhat (Bash)</h1>
-              <Link href="https://git.gbrown.org/gib/sunhat"
-                className="my-auto"
-              >
+              <Link href="https://git.gbrown.org/gib/sunhat" className="flex flex-row mx-auto my-4">
+                <h1 className="text-lg md:text-lg font-semibold text-center mx-auto">Sunhat Git Repository</h1>
                 < FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
               </Link>
             </div>
-          </AccordionTrigger>
-          <AccordionContent>
             <div className="flex flex-col">
               <p className="indent-4">
                 Sunhat is a fork of DHH&apos;s Omakub, an opinionated Ubuntu setup that
diff --git a/src/components/projects/techtracker.tsx b/src/components/projects/techtracker.tsx
index 81340d8..10deeca 100644
--- a/src/components/projects/techtracker.tsx
+++ b/src/components/projects/techtracker.tsx
@@ -44,16 +44,14 @@ export default function TechTracker() {
               />
             </div>
             <div className="flex flex-col">
-              <div className="flex flex-row my-4 mx-auto">
+              <Link href="https://git.gbrown.org/gib/Tech_Tracker_iOS"
+                className="flex flex-row mx-auto my-4"
+              >
                 <h2 className="text-lg font-semibold text-center">
                   Tech Tracker Native iOS Application
                 </h2>
-                <Link href="https://git.gbrown.org/gib/Tech_Tracker_iOS"
-                  className="my-auto"
-                >
-                  < FaGithub className="my-auto ml-2" size={22} />
-                </Link>
-              </div>
+                < FaGithub className="my-auto ml-2" size={22} />
+              </Link>
               <p className="indent-4">
                 A Native iOS Application written in Swift & Distributed to City of 
                 Gulfport IT Employees using TestFlight. This application uses APIs
diff --git a/src/components/projects/tenantportal.tsx b/src/components/projects/tenantportal.tsx
index 5427a52..f587082 100644
--- a/src/components/projects/tenantportal.tsx
+++ b/src/components/projects/tenantportal.tsx
@@ -13,25 +13,23 @@ export default function TenantPortal() {
       <Accordion type="single" collapsible className="w-5/6 md:w-1/3">
         <AccordionItem value="item-1">
           <AccordionTrigger>
-            <div className="flex flex-row mx-auto">
-              <h1 className="text-lg md:text-2xl font-semibold text-center mx-auto">
-                Tenant Portal (Next.js & PostgreSQL)
-              </h1>
-              <Link href="https://git.gbrown.org/gib/rent_portal"
-                className="my-auto"
-              >
-                < FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
-              </Link>
-            </div>
+            <h1 className="text-lg md:text-2xl font-semibold text-center mx-auto">
+              Tenant Portal (Next.js & PostgreSQL)
+            </h1>
           </AccordionTrigger>
           <AccordionContent>
             <div className="flex flex-col items-center justify-center">
               <div className="flex flex-row my-4 mx-auto">
-                <Link href="https://tenantportal.gibbyb.com">
-                  <h2 className="text-lg font-semibold text-center underline hover:text-blue-500">
-                    Tenant Portal Website
+                <Link href="https://tenantportal.gbrown.org">
+                  <h2 className="text-lg font-semibold text-center">
+                    Tenant Portal Web Application
                   </h2>
                 </Link>
+                <Link href="https://git.gbrown.org/gib/rent_portal"
+                  className="my-auto"
+                  >
+                  < FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
+                </Link>
               </div>
               <p className="indent-4 items-center justify-center">
                 Tenant Portal is a Next.js Web Application that is a work in progress,
diff --git a/src/components/projects/wiredworld.tsx b/src/components/projects/wiredworld.tsx
index 910fc8c..9a8d38d 100644
--- a/src/components/projects/wiredworld.tsx
+++ b/src/components/projects/wiredworld.tsx
@@ -13,25 +13,23 @@ export default function WiredWorld() {
       <Accordion type="single" collapsible className="w-5/6 md:w-1/3">
         <AccordionItem value="item-1">
           <AccordionTrigger>
-            <div className="flex flex-row mx-auto">
-              <h1 className="text-lg md:text-2xl font-semibold text-center mx-auto">
-                Wired World (PHP & MySQL)
-              </h1>
-              <Link href="https://github.com/gibbyb/WiredWorld"
-                className="my-auto"
-              >
-                < FaGithub className="my-auto ml-2 mr-8 md:mr-0" size={22} />
-              </Link>
-            </div>
+            <h1 className="text-lg md:text-2xl font-semibold text-center mx-auto">
+              Wired World (PHP & MySQL)
+            </h1>
           </AccordionTrigger>
           <AccordionContent>
             <div className="flex flex-col">
               <div className="flex flex-row my-4 mx-auto">
                 <Link href="https://wiredworld.gbrown.org">
-                  <h2 className="text-lg font-semibold text-center underline hover:text-blue-500">
-                    Wired World Website
+                  <h2 className="text-lg font-semibold text-center">
+                    Wired World Web Application
                   </h2>
                 </Link>
+                <Link href="https://git.gbrown.org/gib/rent_portal"
+                  className="my-auto"
+                  >
+                  < FaGithub className="my-auto mr-8 md:mr-0" size={22} />
+                </Link>
               </div>
               <p className="indent-4">
                 Wired World is a strange project of mine which was made as an assignment