feat: Update several SVG icons and replace the user icon with a new basic information icon.

This commit is contained in:
pradeepkumar
2026-01-18 22:10:13 +05:30
parent e17dcf40df
commit b0411a53de
10 changed files with 25 additions and 39 deletions

View File

@@ -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>