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 question item answer indexing in results page

Browse Source
This commit is contained in:
shafin-r
2025-07-25 19:09:06 +06:00
parent d57aa9b073
commit 0ea199c0fe
4 changed files with 82 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
components/ProfileManager.tsx
View File

@ -13,81 +13,86 @@ interface UserData {
interface ProfileManagerProps {
userData: UserData | undefined;
edit: boolean;
setUserData: React.Dispatch<React.SetStateAction<UserData | undefined>>;
}
export default function ProfileManager({
userData,
edit,
setUserData,
}: ProfileManagerProps) {
if (!userData) return null;
const handleChange = (field: keyof UserData, value: string) => {
setUserData((prev) => (prev ? { ...prev, [field]: value } : prev));
};
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"
>
<Label htmlFor="name" className="text-sm font-semibold text-gray-700">
Name
</Label>
<Input
id="name"
type="text"
value={userData?.name}
readOnly
className="bg-gray-50 cursor-default py-6"
disabled={!edit}
value={userData.name}
onChange={(e) => handleChange("name", e.target.value)}
className="bg-gray-50 py-6"
readOnly={!edit}
/>
</div>
<div className="space-y-2">
<Label
htmlFor="institution"
className="text-sm font-semibold tracking-tighter text-gray-700"
className="text-sm font-semibold text-gray-700"
>
Institution
</Label>
<Input
id="institution"
type="text"
value={userData?.institution}
readOnly
className="bg-gray-50 cursor-default py-6"
disabled={!edit}
value={userData.institution}
onChange={(e) => handleChange("institution", e.target.value)}
className="bg-gray-50 py-6"
readOnly={!edit}
/>
</div>
<div className="flex gap-4">
<div className="space-y-2">
<div className="space-y-2 w-full">
<Label
htmlFor="sscRoll"
className="text-sm font-semibold tracking-tighter text-gray-700"
className="text-sm font-semibold 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}
value={userData.sscRoll}
onChange={(e) => handleChange("sscRoll", e.target.value)}
className="bg-gray-50 py-6"
readOnly={!edit}
/>
</div>
<div className="space-y-2">
<div className="space-y-2 w-full">
<Label
htmlFor="hscRoll"
className="text-sm font-semibold tracking-tighter text-gray-700"
className="text-sm font-semibold 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}
value={userData.hscRoll}
onChange={(e) => handleChange("hscRoll", e.target.value)}
className="bg-gray-50 py-6"
readOnly={!edit}
/>
</div>
</div>
@ -95,34 +100,34 @@ export default function ProfileManager({
<div className="space-y-2">
<Label
htmlFor="email"
className="text-sm font-semibold tracking-tighter text-gray-700"
className="text-sm font-semibold text-gray-700"
>
Email
</Label>
<Input
id="email"
type="email"
value={userData?.email}
readOnly
className="bg-gray-50 cursor-default py-6"
disabled={!edit}
value={userData.email}
onChange={(e) => handleChange("email", e.target.value)}
className="bg-gray-50 py-6"
readOnly={!edit}
/>
</div>
<div className="space-y-2">
<Label
htmlFor="phone"
className="text-sm font-semibold tracking-tighter text-gray-700"
className="text-sm font-semibold text-gray-700"
>
Phone
</Label>
<Input
id="phone"
type="tel"
value={userData?.phone}
readOnly
className="bg-gray-50 cursor-default py-6"
disabled={!edit}
value={userData.phone}
onChange={(e) => handleChange("phone", e.target.value)}
className="bg-gray-50 py-6"
readOnly={!edit}
/>
</div>
</div>