Skip to content

S
sweepstake
Commit cc7ef5d3 by Arjun Jhukal
Options

updated the admin profile view with few static and dynamic data

parent 5b5f2797
Showing with 112 additions and 1 deletions
src/components/pages/dashboard/adminDashboard/settings/AdminProfile.tsx
"use client";
import ProfileBlock from '@/components/organism/Header/Profile'
import { useAppSelector } from '@/hooks/hook';
import EditIcon from '@/icons/EditIcon';
import { formatDateTime } from '@/utils/formatDateTime';
import { UserTick } from '@wandersonalwes/iconsax-react'
import Image from 'next/image';
import React from 'react'
export default function AdminProfile() {
const user = useAppSelector(state => state.auth.user)
// const {date}=formatDateTime(use)
return (
<div>AdminProfile</div>
<section className="player__detail__intro mb-12 lg:mb-16">
<div className="grid grid-cols-12 gap-8 lg:gap-10">
<div className="col-span-12 md:col-span-5">
<div className="player__info text-center rounded-xl lg:rounded-3xl border border-gray p-8 lg:py-10 lg:px-9">
<div className="player__profile bg-primary-grad p-[1px] rounded-full max-w-fit mx-auto relative">
<Image src={user?.profile_image_file || "/assets/images/auth-image.png"} alt='' width={100} height={100} className=' aspect-square rounded-full border-[5px] border-solid border-white' />
<div className="absolute left-[50%] translate-x-[-50%] bottom-[-10px]">
{/* <UserTick /> */}
<EditIcon />
</div>
</div>
<h1 className="text-24 lg:text-[32px] text-title my-1">{user?.name}</h1>
<p className="text-para-light text-[11px] lg:text-[14px]">Joined: March 09, 2025</p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-2 mt-4">
<div className="col-span-1 md:col-span-2 bg-light-gray rounded-[14px] p-4 lg:py-6">
<div className="flex justify-center items-center gap-3">
<Image src={user?.profile_image_file || "/assets/images/current-balance.svg"} alt='' width={48} height={48} />
<div className="content mt-3 text-start">
<strong className="text-[12px] leading-[120%] font-[700] text-primary block ">$0</strong>
<span className="text-para-light text-[9px]">Current Balance</span>
</div>
</div>
</div>
<div className="col-span-1 bg-light-gray rounded-[14px] p-4 lg:py-6">
<Image src={"/assets/images/deposit.svg"} alt='' width={48} height={48} className='mx-auto' />
<div className="content mt-3 ">
<strong className="text-[12px] leading-[120%] font-[700] text-primary block ">$0</strong>
<span className="text-para-light text-[9px]">Total Deposited</span>
</div>
</div>
<div className="col-span-1 bg-light-gray rounded-[14px] p-4 lg:py-6">
<Image src={"/assets/images/withdrawn.svg"} alt='' width={48} height={48} className='mx-auto' />
<div className="content mt-3">
<strong className="text-[12px] leading-[120%] font-[700] text-primary block ">$0</strong>
<span className="text-para-light text-[9px]">Total Withdrawn</span>
</div>
</div>
</div>
</div>
</div>
<div className="col-span-12 md:col-span-7">
<div className="bg-white rounded-3xl p-6 lg:p-10">
{/* <div className="flex justify-between items-center mb-6">
<h2 className="text-xl lg:text-2xl font-semibold">Player Details</h2>
<Link href={`/players/2`} className="ss-btn bg-primary-grad text-white max-w-fit">
Edit Player Details
</Link>
</div> */}
<ul className="">
<li className="grid grid-cols-2 gap-y-4 gap-x-8 pb-4 mb-4 border-b border-b-gray">
<p className="text-[16px] font-[400] text-title">First Name</p>
<p className="text-para-light">{user?.first_name}</p>
</li>
<li className="grid grid-cols-2 gap-y-4 gap-x-8 pb-4 mb-4 border-b border-b-gray">
<p className="text-[16px] font-[400] text-title">Last Name</p>
<p className="text-para-light">{user?.last_name}</p>
</li>
<li className="grid grid-cols-2 gap-y-4 gap-x-8 pb-4 mb-4 border-b border-b-gray">
<p className="text-[16px] font-[400] text-title">Display Name</p>
<p className="text-para-light">{user?.name}</p>
</li>
<li className="grid grid-cols-2 gap-y-4 gap-x-8 pb-4 mb-4 border-b border-b-gray">
<p className="text-[16px] font-[400] text-title">Email Address</p>
<p className="text-para-light">{user?.email}</p>
</li>
<li className="grid grid-cols-2 gap-y-4 gap-x-8 pb-4 mb-4 border-b border-b-gray">
<p className="text-[16px] font-[400] text-title">Phone Number</p>
<p className="text-para-light">{user?.phone || "N/A"}</p>
</li>
<li className="grid grid-cols-2 gap-y-4 gap-x-8 pb-4 mb-4 border-b border-b-gray">
<p className="text-[16px] font-[400] text-title">Address Line</p>
<p className="text-para-light">{user?.address || "N/A"}</p>
</li>
{/* <li className="grid grid-cols-2 gap-y-4 gap-x-8 pb-4 mb-4 border-b border-b-gray">
<p className="text-[16px] font-[400] text-title">State</p>
<p className="text-para-light">{data?.data?.sta || "N/A"}</p>
</li> */}
{/* <li className="grid grid-cols-2 gap-y-4 gap-x-8 pb-4 mb-4 border-b border-b-gray">
<p className="text-[16px] font-[400] text-title">City</p>
<p className="text-para-light">{data?.data?.phone || "N/A"}</p>
</li> */}
<li className="grid grid-cols-2 gap-y-4 gap-x-8 pb-4 mb-4 border-b border-b-gray">
<p className="text-[16px] font-[400] text-title">Wallet Address</p>
<p className="text-para-light">{user?.wallet_address || "N/A"}</p>
</li>
</ul>
</div>
</div>
</div>
</section>
)
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment