feat: Update several SVG icons and replace the user icon with a new basic information icon.
This commit is contained in:
@@ -135,7 +135,7 @@ export default function EditProfilePage() {
|
||||
<div ref={scrollContainerRef} className="flex-1 space-y-6 overflow-y-auto pr-2 scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-transparent">
|
||||
{/* Basic Information */}
|
||||
<div className="bg-white rounded-[20px] p-6">
|
||||
<FormSection id="basic-info" icon="/assets/icons/user-icon.svg" title="Basic Information">
|
||||
<FormSection id="basic-info" icon="/assets/icons/basic-information-icon.svg" title="Basic Information">
|
||||
<div className="flex flex-col md:flex-row gap-4">
|
||||
<FormInput
|
||||
label="First Name"
|
||||
@@ -236,7 +236,7 @@ export default function EditProfilePage() {
|
||||
|
||||
{/* Licensing & Areas */}
|
||||
<div className="bg-white rounded-[20px] p-6">
|
||||
<FormSection id="licensing-areas" icon="/assets/icons/location-icon.svg" title="Licensing & Areas">
|
||||
<FormSection id="licensing-areas" icon="/assets/icons/professional-icon.svg" title="Licensing & Areas">
|
||||
<div className="space-y-4">
|
||||
<FormSelect
|
||||
label="State Licensed"
|
||||
@@ -312,7 +312,7 @@ export default function EditProfilePage() {
|
||||
|
||||
{/* Expertise */}
|
||||
<div className="bg-white rounded-[20px] p-6">
|
||||
<FormSection id="expertise" icon="/assets/icons/expertise-icon.svg" title="Expertise">
|
||||
<FormSection id="expertise" icon="/assets/icons/professional-icon.svg" title="Expertise">
|
||||
<TagInput
|
||||
tags={formData.expertise}
|
||||
onChange={(tags) => updateField('expertise', tags)}
|
||||
@@ -323,7 +323,7 @@ export default function EditProfilePage() {
|
||||
|
||||
{/* Years In Business */}
|
||||
<div className="bg-white rounded-[20px] p-6">
|
||||
<FormSection id="years-business" icon="/assets/icons/business-icon.svg" title="Years In Business">
|
||||
<FormSection id="years-business" icon="/assets/icons/professional-icon.svg" title="Years In Business">
|
||||
<div className="flex flex-col md:flex-row gap-4">
|
||||
<FormInput
|
||||
label="Total Years"
|
||||
@@ -347,7 +347,7 @@ export default function EditProfilePage() {
|
||||
<div className="bg-white rounded-[20px] p-6">
|
||||
<FormSection
|
||||
id="areas-expertise-years"
|
||||
icon="/assets/icons/areas-icon.svg"
|
||||
icon="/assets/icons/basic-information-icon.svg"
|
||||
title="Areas in expertise & Years"
|
||||
showEdit
|
||||
onEdit={() => console.log('Edit areas')}
|
||||
@@ -378,7 +378,7 @@ export default function EditProfilePage() {
|
||||
|
||||
{/* Contracts Closed */}
|
||||
<div className="bg-white rounded-[20px] p-6">
|
||||
<FormSection id="contracts-closed" icon="/assets/icons/contract-icon.svg" title="Contracts Closed">
|
||||
<FormSection id="contracts-closed" icon="/assets/icons/professional-icon.svg" title="Contracts Closed">
|
||||
<div className="space-y-3">
|
||||
<FormCheckbox
|
||||
label="< 10"
|
||||
@@ -421,7 +421,7 @@ export default function EditProfilePage() {
|
||||
|
||||
{/* Price Point */}
|
||||
<div className="bg-white rounded-[20px] p-6">
|
||||
<FormSection id="price-point" icon="/assets/icons/price-icon.svg" title="Price Point">
|
||||
<FormSection id="price-point" icon="/assets/icons/basic-information-icon.svg" title="Price Point">
|
||||
<div className="space-y-3">
|
||||
<FormCheckbox
|
||||
label="Under $100K"
|
||||
@@ -478,7 +478,7 @@ export default function EditProfilePage() {
|
||||
|
||||
{/* Specialization */}
|
||||
<div className="bg-white rounded-[20px] p-6">
|
||||
<FormSection id="specialization" icon="/assets/icons/specialization-icon.svg" title="Specialization">
|
||||
<FormSection id="specialization" icon="/assets/icons/basic-information-icon.svg" title="Specialization">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{/* Client Localization */}
|
||||
<div>
|
||||
|
||||
Reference in New Issue
Block a user