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>
</div>
<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>
<label className="block text-sm font-medium text-gray-700 mb-1">
First Name
Contact Person
</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 value={profileData.contactPersonName}>
<span className="text-gray-900">{profileData.contactPersonName}</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>
)}
<div>
<label className="block text-sm font-medium text-gray-700 mb-1">
Email Address