From 867b9b263ab28260cab04f386646deb861f98115 Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Mon, 22 Apr 2024 02:30:42 -0400
Subject: [PATCH] docs view on git tooltip

---
 .../src/app/(pages)/docs/[[...slug]]/page.tsx | 29 ++++++++++---------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/Frontend/src/app/(pages)/docs/[[...slug]]/page.tsx b/Frontend/src/app/(pages)/docs/[[...slug]]/page.tsx
index 68cbda6..49d9430 100644
--- a/Frontend/src/app/(pages)/docs/[[...slug]]/page.tsx
+++ b/Frontend/src/app/(pages)/docs/[[...slug]]/page.tsx
@@ -17,6 +17,7 @@ import Link from "next/link";
 import Image from "next/image";
 import { Metadata } from "next";
 import Embed from "@/components/embed";
+import SimpleTooltip from "@/components/simple-tooltip";
 
 /**
  * The page to display content
@@ -82,19 +83,21 @@ const ContentPage = ({ params }: PageProps): ReactElement => {
                 </div>
 
                 {/* View on Git */}
-                <Link
-                    className="hover:opacity-85 transition-all transform-gpu"
-                    href={`https://git.rainnny.club/Rainnny/RESTfulMC/src/branch/master/Frontend/docs/${content.slug}${content.extension}`}
-                    rel="noopener noreferrer"
-                    target="_blank"
-                >
-                    <Image
-                        src="/media/github-white-logo.svg"
-                        alt="GitHub Logo"
-                        width={26}
-                        height={26}
-                    />
-                </Link>
+                <SimpleTooltip content="Click to view on Git">
+                    <Link
+                        className="hover:opacity-85 transition-all transform-gpu"
+                        href={`https://git.rainnny.club/Rainnny/RESTfulMC/src/branch/master/Frontend/docs/${content.slug}${content.extension}`}
+                        rel="noopener noreferrer"
+                        target="_blank"
+                    >
+                        <Image
+                            src="/media/github-white-logo.svg"
+                            alt="GitHub Logo"
+                            width={26}
+                            height={26}
+                        />
+                    </Link>
+                </SimpleTooltip>
             </div>
 
             {/* Content */}