atridad/pollo
1
0
Fork 0
Code Activity Actions

Small Icon changes

Browse source
This commit is contained in:
Atridad Lahiji 2023-07-10 17:09:21 -06:00
parent 04cb7e729f
commit faf81288db
No known key found for this signature in database
1 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/pages/profile/index.tsx
View file

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