From faf81288dbf049fad98e36f26eb28a9f4ce940f9 Mon Sep 17 00:00:00 2001
From: Atridad Lahiji <88056492+atridadl@users.noreply.github.com>
Date: Mon, 10 Jul 2023 17:09:21 -0600
Subject: [PATCH] Small Icon changes

---
 src/pages/profile/index.tsx | 30 +++++++++++++++++++-----------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/pages/profile/index.tsx b/src/pages/profile/index.tsx
index 23963e6..c1c4f84 100644
--- a/src/pages/profile/index.tsx
+++ b/src/pages/profile/index.tsx
@@ -8,7 +8,8 @@ import { api } from "~/utils/api";
 import { signIn, useSession } from "next-auth/react";
 import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
-import { FaGithub, FaGoogle } from "react-icons/fa";
+import { SiGoogle, SiGithub } from "react-icons/si";
+import { FaShieldAlt } from "react-icons/fa";
 
 export const getServerSideProps: GetServerSideProps = async (ctx) => {
   const session = await getServerAuthSession(ctx);
@@ -115,14 +116,21 @@ const ProfileBody: React.FC = () => {
           <div className="card-body">
             <h2 className="card-title">Profile:</h2>
             {sessionData.user.image && (
-              <Image
-                className="mx-auto"
-                src={sessionData.user.image}
-                alt="Profile picture."
-                height={100}
-                width={100}
-                priority
-              />
+              <div className="indicator mx-auto m-4">
+                <span className="indicator-item indicator-bottom badge badge-primary">
+                  <div className="tooltip tooltip-primary" data-tip="Admin">
+                    <FaShieldAlt className="text-xl" />
+                  </div>
+                </span>
+                <Image
+                  className="mx-auto"
+                  src={sessionData.user.image}
+                  alt="Profile picture."
+                  height={100}
+                  width={100}
+                  priority
+                />
+              </div>
             )}
 
             {providersLoading ? (
@@ -136,7 +144,7 @@ const ProfileBody: React.FC = () => {
                   disabled={providers?.includes("github")}
                   onClick={() => void signIn("github")}
                 >
-                  <FaGithub />
+                  <SiGithub />
                 </button>
 
                 <button
@@ -144,7 +152,7 @@ const ProfileBody: React.FC = () => {
                   disabled={providers?.includes("google")}
                   onClick={() => void signIn("google")}
                 >
-                  <FaGoogle />
+                  <SiGoogle />
                 </button>
               </div>
             )}