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 • committed by atridadl
parent cf58e23ff7
commit c9a6f426b0
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

14
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,6 +116,12 @@ 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 && (
<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 <Image
className="mx-auto" className="mx-auto"
src={sessionData.user.image} src={sessionData.user.image}
@ -123,6 +130,7 @@ const ProfileBody: React.FC = () => {
width={100} width={100}
priority 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>
)} )}