From d715e74d346d5f84093fa68734420e09092c3325 Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Fri, 6 Sep 2024 08:55:21 -0700
Subject: [PATCH 1/2] Add about link under settings

---
 .../settings/settingsContainer/SettingsContainer.tsx | 12 ++++++++++--
 .../settingsContainer/SettingsContainerSkeleton.tsx  |  3 ++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/containers/settings/settingsContainer/SettingsContainer.tsx b/src/containers/settings/settingsContainer/SettingsContainer.tsx
index daf06360..337a6de2 100644
--- a/src/containers/settings/settingsContainer/SettingsContainer.tsx
+++ b/src/containers/settings/settingsContainer/SettingsContainer.tsx
@@ -11,7 +11,7 @@ import {
 } from "react-icons/bi";
 import { MdRemoveRedEye } from "react-icons/md";
 import { BiSolidBellOff } from "react-icons/bi";
-import { BsPersonFillSlash } from "react-icons/bs";
+import { BsFillInfoCircleFill, BsPersonFillSlash } from "react-icons/bs";
 import { TbLicense } from "react-icons/tb";
 import { getSessionFromServer } from "@/lib/api/auth/session";
 import { getProfile } from "@/lib/api/bsky/actor";
@@ -151,7 +151,7 @@ export default async function SettingsContainer() {
       </section>
       <section>
         <h3 className="text-skin-base mx-3 mb-2 text-xl font-semibold md:mx-0">
-          About
+          Learn More
         </h3>
         <div className="flex flex-col">
           <Link
@@ -170,6 +170,14 @@ export default async function SettingsContainer() {
             <TbLicense className="text-skin-icon-base text-xl" />
             License
           </Link>
+          <Link
+            href="/about"
+            target="_blank"
+            className="border-skin-base text-skin-base hover:bg-skin-secondary flex items-center gap-2 border border-x-0 p-3 last:border-b md:border-x md:first:rounded-t-2xl md:last:rounded-b-2xl odd:[&:not(:last-child)]:border-b-0 even:[&:not(:last-child)]:border-b-0"
+          >
+            <BsFillInfoCircleFill className="text-skin-icon-base text-xl" />
+            About
+          </Link>
         </div>
       </section>
     </section>
diff --git a/src/containers/settings/settingsContainer/SettingsContainerSkeleton.tsx b/src/containers/settings/settingsContainer/SettingsContainerSkeleton.tsx
index 01dfa2a1..56cc57bf 100644
--- a/src/containers/settings/settingsContainer/SettingsContainerSkeleton.tsx
+++ b/src/containers/settings/settingsContainer/SettingsContainerSkeleton.tsx
@@ -72,11 +72,12 @@ export default function SettingsContainerSkeleton() {
       </section>
       <section>
         <h3 className="text-skin-base mx-3 mb-2 text-xl font-semibold md:mx-0">
-          About
+          Learn More
         </h3>
         <section className="flex flex-col">
           <SettingsItemSkeleton />
           <SettingsItemSkeleton />
+          <SettingsItemSkeleton />
         </section>
       </section>
     </section>

From 5a6432c4020046b71af4c9f4bbf4f208864ae943 Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Fri, 6 Sep 2024 09:03:39 -0700
Subject: [PATCH 2/2] Add "Go Home" link to Not Found page

---
 src/app/not-found.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 26370bcb..6cd01c72 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -1,16 +1,16 @@
+"use client";
+
+import Button from "@/components/actions/button/Button";
 import Image from "next/image";
+import { useRouter } from "next/navigation";
 
 export default function NotFound() {
+  const router = useRouter();
+
   return (
     <main className="flex h-[100svh] flex-col items-center justify-center p-3">
       <div className="flex items-center gap-3">
-        <Image
-          src="/ouranos.svg"
-          alt="Ouranos logo"
-          width={40}
-          height={40}
-          className="block transition-transform duration-700 ease-in-out hover:rotate-180"
-        />
+        <Image src="/ouranos.svg" alt="Ouranos logo" width={40} height={40} />
         <Image
           src="/ouranosText.svg"
           alt="Ouranos text"
@@ -21,6 +21,9 @@ export default function NotFound() {
       <h1 className="mt-2 text-center text-lg sm:text-xl">
         The page you are looking for could not be found
       </h1>
+      <div className="mt-6 flex justify-center">
+        <Button onClick={() => router.push("/dashboard/home")}>Go Home</Button>
+      </div>
     </main>
   );
 }