Seazn/profit-planet-frontend
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update personal and company user type handling in BasicInformation component

Browse Source
This commit is contained in:
seaznCode 2025-11-30 13:31:43 +01:00
parent fa1058381f
commit 09673fd8a9
1 changed files with 31 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/app/profile/components/basicInformation.tsx
View File

@ -19,30 +19,45 @@ export default function BasicInformation({ profileData, HighlightIfMissing, onEd
</button> </button>
</div> </div>
<div className="space-y-4"> <div className="space-y-4">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4"> {profileData.userType === 'personal' && (
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<label className="block text-sm font-medium text-gray-700 mb-1">
First Name
</label>
<div className="flex items-center p-3 bg-gray-50 border border-gray-200 rounded-lg">
<UserCircleIcon className="h-5 w-5 text-gray-400 mr-3" />
<HighlightIfMissing value={profileData.firstName}>
<span className="text-gray-900">{profileData.firstName}</span>
</HighlightIfMissing>
</div>
</div>
<div>
<label className="block text-sm font-medium text-gray-700 mb-1">
Last Name
</label>
<div className="flex items-center p-3 bg-gray-50 border border-gray-200 rounded-lg">
<UserCircleIcon className="h-5 w-5 text-gray-400 mr-3" />
<HighlightIfMissing value={profileData.lastName}>
<span className="text-gray-900">{profileData.lastName}</span>
</HighlightIfMissing>
</div>
</div>
</div>
)}
{profileData.userType === 'company' && (
<div> <div>
<label className="block text-sm font-medium text-gray-700 mb-1"> <label className="block text-sm font-medium text-gray-700 mb-1">
First Name Contact Person
</label> </label>
<div className="flex items-center p-3 bg-gray-50 border border-gray-200 rounded-lg"> <div className="flex items-center p-3 bg-gray-50 border border-gray-200 rounded-lg">
<UserCircleIcon className="h-5 w-5 text-gray-400 mr-3" /> <UserCircleIcon className="h-5 w-5 text-gray-400 mr-3" />
<HighlightIfMissing value={profileData.firstName}> <HighlightIfMissing value={profileData.contactPersonName}>
<span className="text-gray-900">{profileData.firstName}</span> <span className="text-gray-900">{profileData.contactPersonName}</span>
</HighlightIfMissing> </HighlightIfMissing>
</div> </div>
</div> </div>
<div> )}
<label className="block text-sm font-medium text-gray-700 mb-1">
Last Name
</label>
<div className="flex items-center p-3 bg-gray-50 border border-gray-200 rounded-lg">
<UserCircleIcon className="h-5 w-5 text-gray-400 mr-3" />
<HighlightIfMissing value={profileData.lastName}>
<span className="text-gray-900">{profileData.lastName}</span>
</HighlightIfMissing>
</div>
</div>
</div>
<div> <div>
<label className="block text-sm font-medium text-gray-700 mb-1"> <label className="block text-sm font-medium text-gray-700 mb-1">
Email Address Email Address