shafin808s/examjam-frontend
1
0
Fork 0
generated from muhtadeetaron/nextjs-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): fix profile screen

Browse Source
This commit is contained in:
shafin-r
2025-07-16 16:25:26 +06:00
parent aa7bc67dc9
commit 32c9065f6f
7 changed files with 385 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
components/ProfileManager.tsx Normal file
View File

@ -0,0 +1,129 @@
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
interface UserData {
name: string;
institution: string;
sscRoll: string;
hscRoll: string;
email: string;
phone: string;
}
interface ProfileManagerProps {
userData: UserData | undefined;
edit: boolean;
}
export default function ProfileManager({
userData,
edit,
}: ProfileManagerProps) {
return (
<div className="mx-auto">
<div className="space-y-4">
<div className="space-y-2">
<Label
htmlFor="name"
className="text-sm font-semibold tracking-tighter text-gray-700"
>
Name
</Label>
<Input
id="name"
type="text"
value={userData?.name}
readOnly
className="bg-gray-50 cursor-default py-6"
disabled={!edit}
/>
</div>
<div className="space-y-2">
<Label
htmlFor="institution"
className="text-sm font-semibold tracking-tighter text-gray-700"
>
Institution
</Label>
<Input
id="institution"
type="text"
value={userData?.institution}
readOnly
className="bg-gray-50 cursor-default py-6"
disabled={!edit}
/>
</div>
<div className="space-y-2">
<Label
htmlFor="sscRoll"
className="text-sm font-semibold tracking-tighter text-gray-700"
>
SSC Roll
</Label>
<Input
id="sscRoll"
type="text"
value={userData?.sscRoll}
readOnly
className="bg-gray-50 cursor-default py-6"
disabled={!edit}
/>
</div>
<div className="space-y-2">
<Label
htmlFor="hscRoll"
className="text-sm font-semibold tracking-tighter text-gray-700"
>
HSC Roll
</Label>
<Input
id="hscRoll"
type="text"
value={userData?.hscRoll}
readOnly
className="bg-gray-50 cursor-default py-6"
disabled={!edit}
/>
</div>
<div className="space-y-2">
<Label
htmlFor="email"
className="text-sm font-semibold tracking-tighter text-gray-700"
>
Email
</Label>
<Input
id="email"
type="email"
value={userData?.email}
readOnly
className="bg-gray-50 cursor-default py-6"
disabled={!edit}
/>
</div>
<div className="space-y-2">
<Label
htmlFor="phone"
className="text-sm font-semibold tracking-tighter text-gray-700"
>
Phone
</Label>
<Input
id="phone"
type="tel"
value={userData?.phone}
readOnly
className="bg-gray-50 cursor-default py-6"
disabled={!edit}
/>
</div>
</div>
</div>
);
}