avatar as default

This commit is contained in:
Timur Ercan
2023-01-12 14:37:39 +01:00
parent 2f30d1b63f
commit cfbab7e2d1

View File

@ -15,6 +15,7 @@ import {
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import Link from "next/link"; import Link from "next/link";
import Head from "next/head"; import Head from "next/head";
import avatarFromInitials from "avatar-from-initials";
const user = { const user = {
name: "Debbie Lewis", name: "Debbie Lewis",
@ -127,16 +128,17 @@ export default function Setttings() {
> >
Photo Photo
</p> </p>
<div className="mt-1 lg:hidden"> <div className="mt-1 lg:hidden">
<div className="flex items-center"> <div className="flex items-center">
<div <div
className="inline-block h-12 w-12 flex-shrink-0 overflow-hidden rounded-full" className="inline-block h-12 w-12 flex-shrink-0 overflow-hidden rounded-full"
aria-hidden="true" aria-hidden="true"
> >
<img <div
className="h-full w-full rounded-full" dangerouslySetInnerHTML={{
src={user.imageUrl} __html: avatarFromInitials("Timur Ercan", 48),
alt="" }}
/> />
</div> </div>
<div className="ml-5 rounded-md shadow-sm"> <div className="ml-5 rounded-md shadow-sm">
@ -160,10 +162,10 @@ export default function Setttings() {
</div> </div>
<div className="relative hidden overflow-hidden rounded-full lg:block"> <div className="relative hidden overflow-hidden rounded-full lg:block">
<img <div
className="relative h-40 w-40 rounded-full" dangerouslySetInnerHTML={{
src={user.imageUrl} __html: avatarFromInitials("Timur Ercan", 160),
alt="" }}
/> />
<label <label
htmlFor="desktop-user-photo" htmlFor="desktop-user-photo"
@ -194,6 +196,7 @@ export default function Setttings() {
type="text" type="text"
name="first-name" name="first-name"
id="first-name" id="first-name"
value="Timur Ercan"
autoComplete="given-name" autoComplete="given-name"
className="mt-1 block w-full rounded-md border border-gray-300 py-2 px-3 shadow-sm focus:border-neon focus:outline-none focus:ring-neon sm:text-sm" className="mt-1 block w-full rounded-md border border-gray-300 py-2 px-3 shadow-sm focus:border-neon focus:outline-none focus:ring-neon sm:text-sm"
/> />