14 lines
690 B
TypeScript
14 lines
690 B
TypeScript
import React, {useContext} from "react";
|
|
import {SessionContext} from "@/context/SessionContext";
|
|
|
|
export default function NoPicture() {
|
|
const {session} = useContext(SessionContext);
|
|
return (
|
|
<div
|
|
className="bg-primary text-text-primary rounded-full w-8 h-8 border-2 border-primary-dark hover:bg-primary-dark flex items-center justify-center text-sm font-semibold transition-all duration-200 hover:scale-110 shadow-md hover:shadow-lg">
|
|
<span>{session.user?.name && session.user.name.charAt(0).toUpperCase()}</span>
|
|
<span>{session.user?.lastName && session.user.lastName.charAt(0).toUpperCase()}</span>
|
|
</div>
|
|
)
|
|
}
|