SS-FCSC/fcsc_ipi_frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rearrange the icons name

Browse Source
This commit is contained in:
Malini 2025-10-29 15:39:30 +05:30
parent e4b4bb5e71
commit 42038de75e
25 changed files with 83 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
ipi-survey-platform/src/assets/images/Active - User.svg → ipi-survey-platform/src/assets/images/active-user.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

0
ipi-survey-platform/src/assets/images/CaretDown - active.svg → ipi-survey-platform/src/assets/images/caretdown-active.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 967 B

After

Width:  |  Height:  |  Size: 967 B

0
ipi-survey-platform/src/assets/images/Inactive - user.svg → ipi-survey-platform/src/assets/images/inactive-user.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

0
ipi-survey-platform/src/assets/images/PencilSimple - inactive.svg → ipi-survey-platform/src/assets/images/pencilsimple-inactive.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1013 B

After

Width:  |  Height:  |  Size: 1013 B

10
ipi-survey-platform/src/components/admin/AdminHeader.jsx
View File

@ -1,15 +1,15 @@
import React from 'react';
import { NavLink, useNavigate } from 'react-router-dom';
import Logo from '../../assets/images/FCSCLogo.svg';
import Logo from '../../assets/images/fcsclogo.svg';
import DashboardIconActive from '../../assets/images/cuida_dashboard-outline.svg';
import DashboardIconInactive from '../../assets/images/cuida_dashboard-outline-inactive.svg';
import CheckCircleActive from '../../assets/images/CheckCircle-active.svg';
import CheckCircleActive from '../../assets/images/checkcircle-active.svg';
import ConfigActive from '../../assets/images/configrationicon-active.svg';
import ConfigInactive from '../../assets/images/configrationicon-inactive.svg';
import UserActive from '../../assets/images/User-active.svg';
import UserInactive from '../../assets/images/User-inactive.svg';
import UserActive from '../../assets/images/user-active.svg';
import UserInactive from '../../assets/images/user-inactive.svg';
import ManageSubmissionInactive from '../../assets/images/managesubmission - inactive.svg';
import BellIconAsset from '../../assets/images/Bell.svg';
import BellIconAsset from '../../assets/images/bell.svg';
const NavItem = ({ label, to, iconActive, iconInactive, end = false }) => (
<NavLink

24
ipi-survey-platform/src/components/common/FormControls.jsx
View File

@ -1,5 +1,5 @@
import React from 'react';
import CaretDownActive from '../../assets/images/CaretDown - active.svg';
import CaretDownActive from '../../assets/images/caretdown-active.svg';
import CalendarIcon from '../../assets/images/uil_calender.svg';
const baseInputStyles = {
@ -89,11 +89,18 @@ export const TextField = ({
: focused && !readOnly
? focusBorderColors[variant]
: idleBorderColors[variant] || idleBorderColors.default;
if (hasError) {
inputStyle.backgroundColor = '#FEF2F2';
inputStyle.color = '#B91C1C';
}
if (!hasError && variant !== 'toolbar') {
inputStyle.color = '#232528';
}
if (readOnly) {
inputStyle.backgroundColor = '#F9FAFB';
}
if (variant !== 'toolbar') {
inputStyle.color = '#232528';
if (!hasError && variant === 'toolbar') {
inputStyle.color = '#5F646D';
}
return (
<div style={wrapperStyle} className="w-full">
@ -196,7 +203,10 @@ export const SelectField = ({
: focused
? focusBorderColors[variant]
: idleBorderColors[variant] || idleBorderColors.default;
if (variant === 'toolbar') {
if (hasError) {
inputStyle.backgroundColor = '#FEF2F2';
inputStyle.color = '#B91C1C';
} else if (variant === 'toolbar') {
inputStyle.color = hasValue && value !== 'All' && value !== 'Status' && value !== 'Year' && value !== 'Quarter' && value !== 'Emirates' ? '#232528' : '#5F646D';
} else {
inputStyle.color = hasValue ? '#232528' : '#232528';
@ -307,7 +317,7 @@ export const PhoneField = ({
alignItems: 'center',
border: `2px solid ${borderColor}`,
borderRadius: '4px',
backgroundColor: readOnly ? '#F9FAFB' : '#FFFFFF',
backgroundColor: readOnly ? '#F9FAFB' : hasError ? '#FEF2F2' : '#FFFFFF',
transition: 'border-color 0.2s ease',
height: '40px',
paddingRight: '8px',
@ -319,7 +329,7 @@ export const PhoneField = ({
paddingLeft: '12px',
paddingRight: '24px',
fontSize: '14px',
color: '#232528',
color: hasError ? '#B91C1C' : '#232528',
appearance: 'none',
WebkitAppearance: 'none',
MozAppearance: 'none',
@ -332,7 +342,7 @@ export const PhoneField = ({
outline: 'none',
background: 'transparent',
fontSize: '14px',
color: '#232528',
color: hasError ? '#B91C1C' : '#232528',
padding: '0 0 0 8px',
};
const arrowStyle = {

8
ipi-survey-platform/src/components/common/Table.jsx
View File

@ -1,8 +1,8 @@
import React from 'react';
import CaretLeftIcon from '../../assets/images/CaretLeft.svg';
import CaretRightIcon from '../../assets/images/CaretRight.svg';
import CaretDoubleLeftIcon from '../../assets/images/CaretDoubleLeft.svg';
import CaretDoubleRightIcon from '../../assets/images/CaretDoubleRight.svg';
import CaretLeftIcon from '../../assets/images/caretleft.svg';
import CaretRightIcon from '../../assets/images/caretright.svg';
import CaretDoubleLeftIcon from '../../assets/images/caretdoubleleft.svg';
import CaretDoubleRightIcon from '../../assets/images/caretdoubleright.svg';
// Generic, reusable table
// Props:

2
ipi-survey-platform/src/components/dashboard/SubmissionHistory.jsx
View File

@ -2,7 +2,7 @@ import React from 'react';
import { useNavigate } from 'react-router-dom';
import Table from '../common/Table';
import SearchIcon from '../../assets/images/material-symbols_search-rounded.svg';
import CaretDown from '../../assets/images/CaretDown.svg';
import CaretDown from '../../assets/images/caretdown.svg';
const getStatusClass = (status) => {
const normalized = String(status || '').toLowerCase();

4
ipi-survey-platform/src/components/layout/HeaderBar.jsx
View File

@ -1,7 +1,7 @@
import React from 'react';
import { NavLink, useNavigate } from 'react-router-dom';
import Logo from '../../assets/images/FCSCLogo.svg';
import SurveyIconActive from '../../assets/images/Vector.svg';
import Logo from '../../assets/images/fcsclogo.svg';
import SurveyIconActive from '../../assets/images/vector.svg';
import SurveyIconInactive from '../../assets/images/vectorblack.svg';
import DashboardIconActive from '../../assets/images/cuida_dashboard-outline.svg';
import DashboardIconInactive from '../../assets/images/cuida_dashboard-outline-inactive.svg';

1
ipi-survey-platform/src/components/survey/EstablishmentInfo/EstablishmentInfo.jsx
View File

@ -1,6 +1,5 @@
import React from 'react';
import CaretDown from '../../../assets/images/CaretDown.svg';
import PrimaryButton from '../../../assets/images/primarybutton.svg';
import BackVendor from '../../../assets/images/backvector.svg';
const Field = ({ label, placeholder = '', type = 'text', value = '', onChange = () => {}, disabled = false }) => (

2
ipi-survey-platform/src/components/survey/ProductData/ProductData.jsx
View File

@ -5,7 +5,7 @@ import {
fetchProducts,
fetchUnits,
} from '../../../services/masters/masterService.js';
import CaretDown from '../../../assets/images/CaretDown-black.svg';
import CaretDown from '../../../assets/images/caretdown-black.svg';
const Input = ({ placeholder = '', type = 'text', value = '', onChange = () => {} }) => (
<input

4
ipi-survey-platform/src/pages/Admin/ValidationReview.jsx
View File

@ -2,8 +2,8 @@ import React from 'react';
import { Link, useNavigate, useParams } from 'react-router-dom';
import AdminHeader from '../../components/admin/AdminHeader';
import CaretUp from '../../assets/images/caret-up.svg';
import EstablishmentIcon from '../../assets/images/Establishment.svg';
import EstablishmentIdIcon from '../../assets/images/Establishmentid.svg';
import EstablishmentIcon from '../../assets/images/establishment.svg';
import EstablishmentIdIcon from '../../assets/images/establishmentid.svg';
import EmailIcon from '../../assets/images/emailid.svg';
import EmiratesIcon from '../../assets/images/emirates.svg';
import TotalEmployeesIcon from '../../assets/images/totalemployess.svg';

2
ipi-survey-platform/src/pages/Admin/Validations.jsx
View File

@ -3,7 +3,7 @@ import { Link, useNavigate } from 'react-router-dom';
import AdminHeader from '../../components/admin/AdminHeader';
import Table from '../../components/common/Table';
import SearchIcon from '../../assets/images/material-symbols_search-rounded.svg';
import DownloadIcon from '../../assets/images/DownloadSimple.svg';
import DownloadIcon from '../../assets/images/downloadsimple.svg';
import CaretUp from '../../assets/images/caret-up.svg';
import { SelectField } from '../../components/common/FormControls';
import { getSubmissions } from '../../services/admin/submission.js';

14
ipi-survey-platform/src/pages/Admin/configuration/AdminUsers.jsx
View File

@ -1,15 +1,15 @@
import React from 'react';
import Table from '../../../components/common/Table';
import SearchIcon from '../../../assets/images/material-symbols_search-rounded.svg';
import ExportIcon from '../../../assets/images/DownloadSimple.svg';
import ExportIcon from '../../../assets/images/downloadsimple.svg';
import AddIcon from '../../../assets/images/ic_baseline-plus.svg';
import PencilActive from '../../../assets/images/PencilSimple.svg';
import PencilInactive from '../../../assets/images/PencilSimple - inactive.svg';
import TrashActive from '../../../assets/images/Trash - active.svg';
import TrashInactive from '../../../assets/images/Trash - Inactive.svg';
import AdminUserIcon from '../../../assets/images/UserGear.svg';
import PencilActive from '../../../assets/images/pencilsimple.svg';
import PencilInactive from '../../../assets/images/pencilsimple-inactive.svg';
import TrashActive from '../../../assets/images/trash - active.svg';
import TrashInactive from '../../../assets/images/trash - inactive.svg';
import AdminUserIcon from '../../../assets/images/usergear.svg';
import ActiveUserIcon from '../../../assets/images/Active - User.svg';
import InactiveUserIcon from '../../../assets/images/Inactive - user.svg';
import InactiveUserIcon from '../../../assets/images/inactive-user.svg';
import ResetPasswordIcon from '../../../assets/images/hugeicons_reset-password.svg';
import ResetPasswordInactiveIcon from '../../../assets/images/hugeicons_reset-password-inactive.svg';

17
ipi-survey-platform/src/pages/Admin/configuration/CompanyProfile.jsx
View File

@ -11,12 +11,12 @@ import {
deleteEstablishment,
} from '../../../services/establishments/establishmentService';
import SearchIcon from '../../../assets/images/material-symbols_search-rounded.svg';
import DownloadIcon from '../../../assets/images/DownloadSimple.svg';
import DownloadIcon from '../../../assets/images/downloadsimple.svg';
import AddIcon from '../../../assets/images/ic_baseline-plus.svg';
import PencilActive from '../../../assets/images/PencilSimple.svg';
import PencilInactive from '../../../assets/images/PencilSimple - inactive.svg';
import TrashActive from '../../../assets/images/Trash - active.svg';
import TrashInactive from '../../../assets/images/Trash - Inactive.svg';
import PencilActive from '../../../assets/images/pencilsimple.svg';
import PencilInactive from '../../../assets/images/pencilsimple-inactive.svg';
import TrashActive from '../../../assets/images/trash - active.svg';
import TrashInactive from '../../../assets/images/trash - inactive.svg';
import ResetPasswordActive from '../../../assets/images/hugeicons_reset-password.svg';
import ResetPasswordInactive from '../../../assets/images/hugeicons_reset-password-inactive.svg';
import DeleteIcon from '../../../assets/images/delete.svg';
@ -587,6 +587,13 @@ const CompanyProfile = () => {
required
error={fieldErrors.contactCityTown}
/>
<TextField
label="Postal Code"
value={form.contactPostalCode}
onChange={handleFormChange('contactPostalCode')}
placeholder="Enter postal code"
width="100%"
/>
<TextField
label="PO Box"
value={form.contactPoBox}

10
ipi-survey-platform/src/pages/Admin/configuration/Establishment.jsx
View File

@ -2,12 +2,12 @@ import React from 'react';
import Table from '../../../components/common/Table';
import { TextField, SelectField } from '../../../components/common/FormControls';
import SearchIcon from '../../../assets/images/material-symbols_search-rounded.svg';
import ExportIcon from '../../../assets/images/DownloadSimple.svg';
import ExportIcon from '../../../assets/images/downloadsimple.svg';
import AddIcon from '../../../assets/images/ic_baseline-plus.svg';
import PencilActive from '../../../assets/images/PencilSimple.svg';
import PencilInactive from '../../../assets/images/PencilSimple - inactive.svg';
import TrashActive from '../../../assets/images/Trash - active.svg';
import TrashInactive from '../../../assets/images/Trash - Inactive.svg';
import PencilActive from '../../../assets/images/pencilsimple.svg';
import PencilInactive from '../../../assets/images/pencilsimple-inactive.svg';
import TrashActive from '../../../assets/images/trash - active.svg';
import TrashInactive from '../../../assets/images/trash - inactive.svg';
const establishmentsSeed = [
{

12
ipi-survey-platform/src/pages/Admin/configuration/IsicHsCodes.jsx
View File

@ -1,12 +1,12 @@
import React from 'react';
import Table from '../../../components/common/Table';
import DownloadIcon from '../../../assets/images/DownloadSimple.svg';
import UploadImportIcon from '../../../assets/images/Upload-import.svg';
import DownloadIcon from '../../../assets/images/downloadsimple.svg';
import UploadImportIcon from '../../../assets/images/upload-import.svg';
import AddIcon from '../../../assets/images/ic_baseline-plus.svg';
import PencilActive from '../../../assets/images/PencilSimple.svg';
import PencilInactive from '../../../assets/images/PencilSimple - inactive.svg';
import TrashActive from '../../../assets/images/Trash - active.svg';
import TrashInactive from '../../../assets/images/Trash - Inactive.svg';
import PencilActive from '../../../assets/images/pencilsimple.svg';
import PencilInactive from '../../../assets/images/pencilsimple-inactive.svg';
import TrashActive from '../../../assets/images/trash - active.svg';
import TrashInactive from '../../../assets/images/trash - inactive.svg';
import DeleteIcon from '../../../assets/images/delete.svg';
import StatusBadge from '../../../components/common/StatusBadge';
import { TextField, SelectField } from '../../../components/common/FormControls';

14
ipi-survey-platform/src/pages/Admin/configuration/QuarterlyWindows.jsx
View File

@ -1,15 +1,15 @@
import React from 'react';
import Table from '../../../components/common/Table';
import DownloadIcon from '../../../assets/images/DownloadSimple.svg';
import DownloadIcon from '../../../assets/images/downloadsimple.svg';
import AddIcon from '../../../assets/images/ic_baseline-plus.svg';
import PencilActive from '../../../assets/images/PencilSimple.svg';
import PencilInactive from '../../../assets/images/PencilSimple - inactive.svg';
import TrashActive from '../../../assets/images/Trash - active.svg';
import TrashInactive from '../../../assets/images/Trash - Inactive.svg';
import PencilActive from '../../../assets/images/pencilsimple.svg';
import PencilInactive from '../../../assets/images/pencilsimple-inactive.svg';
import TrashActive from '../../../assets/images/trash - active.svg';
import TrashInactive from '../../../assets/images/trash - inactive.svg';
import DeleteIcon from '../../../assets/images/delete.svg';
import CaretDownActive from '../../../assets/images/CaretDown - active.svg';
import CaretDownActive from '../../../assets/images/caretdown-active.svg';
import SearchIcon from '../../../assets/images/material-symbols_search-rounded.svg';
import CaretDown from '../../../assets/images/CaretDown-black.svg';
import CaretDown from '../../../assets/images/caretdown-black.svg';
import { TextField, SelectField, DateField } from '../../../components/common/FormControls';
import StatusBadge from '../../../components/common/StatusBadge';

14
ipi-survey-platform/src/pages/Admin/configuration/UnitMaster.jsx
View File

@ -1,16 +1,16 @@
import React from 'react';
import Table from '../../../components/common/Table';
import DownloadIcon from '../../../assets/images/DownloadSimple.svg';
import DownloadIcon from '../../../assets/images/downloadsimple.svg';
import AddIcon from '../../../assets/images/ic_baseline-plus.svg';
import PencilActive from '../../../assets/images/PencilSimple.svg';
import PencilInactive from '../../../assets/images/PencilSimple - inactive.svg';
import TrashActive from '../../../assets/images/Trash - active.svg';
import TrashInactive from '../../../assets/images/Trash - Inactive.svg';
import PencilActive from '../../../assets/images/pencilsimple.svg';
import PencilInactive from '../../../assets/images/pencilsimple-inactive.svg';
import TrashActive from '../../../assets/images/trash - active.svg';
import TrashInactive from '../../../assets/images/trash - inactive.svg';
import DeleteIcon from '../../../assets/images/delete.svg';
import StatusBadge from '../../../components/common/StatusBadge';
import { TextField, SelectField } from '../../../components/common/FormControls';
import CaretDownIcon from '../../../assets/images/CaretDown - active.svg';
import RectangleIcon from '../../../assets/images/Rectangle.svg';
import CaretDownIcon from '../../../assets/images/caretdown-active.svg';
import RectangleIcon from '../../../assets/images/rectangle.svg';
import CheckboxIcon from '../../../assets/images/checkbox.svg';
const createEmptyUnitForm = () => ({

2
ipi-survey-platform/src/pages/ChangePassword/ChangePassword.jsx
View File

@ -1,5 +1,5 @@
import React from "react";
import Logo from "../../assets/images/FCSCLogo.svg";
import Logo from "../../assets/images/fcsclogo.svg";
import { useNavigate, useLocation } from "react-router-dom";
import apiClient from "../../services/api/apiClient.js";

2
ipi-survey-platform/src/pages/ForgotPassword/ForgotPassword.jsx
View File

@ -1,5 +1,5 @@
import React from 'react';
import Logo from '../../assets/images/FCSCLogo.svg';
import Logo from '../../assets/images/fcsclogo.svg';
import { useNavigate } from 'react-router-dom';
import { requestPasswordReset } from '../../services/auth/authService.js';

2
ipi-survey-platform/src/pages/History/History.jsx
View File

@ -4,7 +4,7 @@ import Table from '../../components/common/Table';
import HeaderBar from '../../components/layout/HeaderBar';
import { fetchSubmissionHistory } from '../../services/submissions/submissionService.js';
import SearchIcon from '../../assets/images/material-symbols_search-rounded.svg';
import CaretDown from '../../assets/images/CaretDown.svg';
import CaretDown from '../../assets/images/caretdown.svg';
const Badge = ({ variant = 'default', children }) => {
const styles = {

2
ipi-survey-platform/src/pages/Login/Login.jsx
View File

@ -1,5 +1,5 @@
import React from 'react';
import Logo from '../../assets/images/FCSCLogo.svg';
import Logo from '../../assets/images/fcsclogo.svg';
import { useNavigate } from 'react-router-dom';
import { login } from '../../services/auth/authService.js';

2
ipi-survey-platform/src/pages/PublicContactForm.jsx
View File

@ -1,5 +1,5 @@
import React, { useState, useEffect } from "react";
import Logo from "../assets/images/FCSCLogo.svg";
import Logo from "../assets/images/fcsclogo.svg";
import { useNavigate } from "react-router-dom";
import apiClient from "../services/api/apiClient.js";

2
ipi-survey-platform/src/pages/Survey/Survey.jsx
View File

@ -6,7 +6,7 @@ import EstablishmentInfo from '../../components/survey/EstablishmentInfo/Establi
import HeaderBar from '../../components/layout/HeaderBar';
import ProductData from '../../components/survey/ProductData/ProductData';
import ReviewSubmit from '../../components/survey/ReviewSubmit/ReviewSubmit';
import CheckCircleActive from '../../assets/images/CircleFrame.svg';
import CheckCircleActive from '../../assets/images/circleframe.svg';
const createEmptyProduct = (id) => ({
id,