rearrange the icons name
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 967 B After Width: | Height: | Size: 967 B |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1013 B After Width: | Height: | Size: 1013 B |
@ -1,15 +1,15 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { NavLink, useNavigate } from 'react-router-dom';
|
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 DashboardIconActive from '../../assets/images/cuida_dashboard-outline.svg';
|
||||||
import DashboardIconInactive from '../../assets/images/cuida_dashboard-outline-inactive.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 ConfigActive from '../../assets/images/configrationicon-active.svg';
|
||||||
import ConfigInactive from '../../assets/images/configrationicon-inactive.svg';
|
import ConfigInactive from '../../assets/images/configrationicon-inactive.svg';
|
||||||
import UserActive from '../../assets/images/User-active.svg';
|
import UserActive from '../../assets/images/user-active.svg';
|
||||||
import UserInactive from '../../assets/images/User-inactive.svg';
|
import UserInactive from '../../assets/images/user-inactive.svg';
|
||||||
import ManageSubmissionInactive from '../../assets/images/managesubmission - 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 }) => (
|
const NavItem = ({ label, to, iconActive, iconInactive, end = false }) => (
|
||||||
<NavLink
|
<NavLink
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
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';
|
import CalendarIcon from '../../assets/images/uil_calender.svg';
|
||||||
|
|
||||||
const baseInputStyles = {
|
const baseInputStyles = {
|
||||||
@ -89,11 +89,18 @@ export const TextField = ({
|
|||||||
: focused && !readOnly
|
: focused && !readOnly
|
||||||
? focusBorderColors[variant]
|
? focusBorderColors[variant]
|
||||||
: idleBorderColors[variant] || idleBorderColors.default;
|
: idleBorderColors[variant] || idleBorderColors.default;
|
||||||
|
if (hasError) {
|
||||||
|
inputStyle.backgroundColor = '#FEF2F2';
|
||||||
|
inputStyle.color = '#B91C1C';
|
||||||
|
}
|
||||||
|
if (!hasError && variant !== 'toolbar') {
|
||||||
|
inputStyle.color = '#232528';
|
||||||
|
}
|
||||||
if (readOnly) {
|
if (readOnly) {
|
||||||
inputStyle.backgroundColor = '#F9FAFB';
|
inputStyle.backgroundColor = '#F9FAFB';
|
||||||
}
|
}
|
||||||
if (variant !== 'toolbar') {
|
if (!hasError && variant === 'toolbar') {
|
||||||
inputStyle.color = '#232528';
|
inputStyle.color = '#5F646D';
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div style={wrapperStyle} className="w-full">
|
<div style={wrapperStyle} className="w-full">
|
||||||
@ -196,7 +203,10 @@ export const SelectField = ({
|
|||||||
: focused
|
: focused
|
||||||
? focusBorderColors[variant]
|
? focusBorderColors[variant]
|
||||||
: idleBorderColors[variant] || idleBorderColors.default;
|
: 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';
|
inputStyle.color = hasValue && value !== 'All' && value !== 'Status' && value !== 'Year' && value !== 'Quarter' && value !== 'Emirates' ? '#232528' : '#5F646D';
|
||||||
} else {
|
} else {
|
||||||
inputStyle.color = hasValue ? '#232528' : '#232528';
|
inputStyle.color = hasValue ? '#232528' : '#232528';
|
||||||
@ -307,7 +317,7 @@ export const PhoneField = ({
|
|||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
border: `2px solid ${borderColor}`,
|
border: `2px solid ${borderColor}`,
|
||||||
borderRadius: '4px',
|
borderRadius: '4px',
|
||||||
backgroundColor: readOnly ? '#F9FAFB' : '#FFFFFF',
|
backgroundColor: readOnly ? '#F9FAFB' : hasError ? '#FEF2F2' : '#FFFFFF',
|
||||||
transition: 'border-color 0.2s ease',
|
transition: 'border-color 0.2s ease',
|
||||||
height: '40px',
|
height: '40px',
|
||||||
paddingRight: '8px',
|
paddingRight: '8px',
|
||||||
@ -319,7 +329,7 @@ export const PhoneField = ({
|
|||||||
paddingLeft: '12px',
|
paddingLeft: '12px',
|
||||||
paddingRight: '24px',
|
paddingRight: '24px',
|
||||||
fontSize: '14px',
|
fontSize: '14px',
|
||||||
color: '#232528',
|
color: hasError ? '#B91C1C' : '#232528',
|
||||||
appearance: 'none',
|
appearance: 'none',
|
||||||
WebkitAppearance: 'none',
|
WebkitAppearance: 'none',
|
||||||
MozAppearance: 'none',
|
MozAppearance: 'none',
|
||||||
@ -332,7 +342,7 @@ export const PhoneField = ({
|
|||||||
outline: 'none',
|
outline: 'none',
|
||||||
background: 'transparent',
|
background: 'transparent',
|
||||||
fontSize: '14px',
|
fontSize: '14px',
|
||||||
color: '#232528',
|
color: hasError ? '#B91C1C' : '#232528',
|
||||||
padding: '0 0 0 8px',
|
padding: '0 0 0 8px',
|
||||||
};
|
};
|
||||||
const arrowStyle = {
|
const arrowStyle = {
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import CaretLeftIcon from '../../assets/images/CaretLeft.svg';
|
import CaretLeftIcon from '../../assets/images/caretleft.svg';
|
||||||
import CaretRightIcon from '../../assets/images/CaretRight.svg';
|
import CaretRightIcon from '../../assets/images/caretright.svg';
|
||||||
import CaretDoubleLeftIcon from '../../assets/images/CaretDoubleLeft.svg';
|
import CaretDoubleLeftIcon from '../../assets/images/caretdoubleleft.svg';
|
||||||
import CaretDoubleRightIcon from '../../assets/images/CaretDoubleRight.svg';
|
import CaretDoubleRightIcon from '../../assets/images/caretdoubleright.svg';
|
||||||
|
|
||||||
// Generic, reusable table
|
// Generic, reusable table
|
||||||
// Props:
|
// Props:
|
||||||
|
|||||||
@ -2,7 +2,7 @@ import React from 'react';
|
|||||||
import { useNavigate } from 'react-router-dom';
|
import { useNavigate } from 'react-router-dom';
|
||||||
import Table from '../common/Table';
|
import Table from '../common/Table';
|
||||||
import SearchIcon from '../../assets/images/material-symbols_search-rounded.svg';
|
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 getStatusClass = (status) => {
|
||||||
const normalized = String(status || '').toLowerCase();
|
const normalized = String(status || '').toLowerCase();
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { NavLink, useNavigate } from 'react-router-dom';
|
import { NavLink, useNavigate } from 'react-router-dom';
|
||||||
import Logo from '../../assets/images/FCSCLogo.svg';
|
import Logo from '../../assets/images/fcsclogo.svg';
|
||||||
import SurveyIconActive from '../../assets/images/Vector.svg';
|
import SurveyIconActive from '../../assets/images/vector.svg';
|
||||||
import SurveyIconInactive from '../../assets/images/vectorblack.svg';
|
import SurveyIconInactive from '../../assets/images/vectorblack.svg';
|
||||||
import DashboardIconActive from '../../assets/images/cuida_dashboard-outline.svg';
|
import DashboardIconActive from '../../assets/images/cuida_dashboard-outline.svg';
|
||||||
import DashboardIconInactive from '../../assets/images/cuida_dashboard-outline-inactive.svg';
|
import DashboardIconInactive from '../../assets/images/cuida_dashboard-outline-inactive.svg';
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import CaretDown from '../../../assets/images/CaretDown.svg';
|
import CaretDown from '../../../assets/images/CaretDown.svg';
|
||||||
import PrimaryButton from '../../../assets/images/primarybutton.svg';
|
|
||||||
import BackVendor from '../../../assets/images/backvector.svg';
|
import BackVendor from '../../../assets/images/backvector.svg';
|
||||||
|
|
||||||
const Field = ({ label, placeholder = '', type = 'text', value = '', onChange = () => {}, disabled = false }) => (
|
const Field = ({ label, placeholder = '', type = 'text', value = '', onChange = () => {}, disabled = false }) => (
|
||||||
|
|||||||
@ -5,7 +5,7 @@ import {
|
|||||||
fetchProducts,
|
fetchProducts,
|
||||||
fetchUnits,
|
fetchUnits,
|
||||||
} from '../../../services/masters/masterService.js';
|
} 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 = () => {} }) => (
|
const Input = ({ placeholder = '', type = 'text', value = '', onChange = () => {} }) => (
|
||||||
<input
|
<input
|
||||||
|
|||||||
@ -2,8 +2,8 @@ import React from 'react';
|
|||||||
import { Link, useNavigate, useParams } from 'react-router-dom';
|
import { Link, useNavigate, useParams } from 'react-router-dom';
|
||||||
import AdminHeader from '../../components/admin/AdminHeader';
|
import AdminHeader from '../../components/admin/AdminHeader';
|
||||||
import CaretUp from '../../assets/images/caret-up.svg';
|
import CaretUp from '../../assets/images/caret-up.svg';
|
||||||
import EstablishmentIcon from '../../assets/images/Establishment.svg';
|
import EstablishmentIcon from '../../assets/images/establishment.svg';
|
||||||
import EstablishmentIdIcon from '../../assets/images/Establishmentid.svg';
|
import EstablishmentIdIcon from '../../assets/images/establishmentid.svg';
|
||||||
import EmailIcon from '../../assets/images/emailid.svg';
|
import EmailIcon from '../../assets/images/emailid.svg';
|
||||||
import EmiratesIcon from '../../assets/images/emirates.svg';
|
import EmiratesIcon from '../../assets/images/emirates.svg';
|
||||||
import TotalEmployeesIcon from '../../assets/images/totalemployess.svg';
|
import TotalEmployeesIcon from '../../assets/images/totalemployess.svg';
|
||||||
|
|||||||
@ -3,7 +3,7 @@ import { Link, useNavigate } from 'react-router-dom';
|
|||||||
import AdminHeader from '../../components/admin/AdminHeader';
|
import AdminHeader from '../../components/admin/AdminHeader';
|
||||||
import Table from '../../components/common/Table';
|
import Table from '../../components/common/Table';
|
||||||
import SearchIcon from '../../assets/images/material-symbols_search-rounded.svg';
|
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 CaretUp from '../../assets/images/caret-up.svg';
|
||||||
import { SelectField } from '../../components/common/FormControls';
|
import { SelectField } from '../../components/common/FormControls';
|
||||||
import { getSubmissions } from '../../services/admin/submission.js';
|
import { getSubmissions } from '../../services/admin/submission.js';
|
||||||
|
|||||||
@ -1,15 +1,15 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import Table from '../../../components/common/Table';
|
import Table from '../../../components/common/Table';
|
||||||
import SearchIcon from '../../../assets/images/material-symbols_search-rounded.svg';
|
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 AddIcon from '../../../assets/images/ic_baseline-plus.svg';
|
||||||
import PencilActive from '../../../assets/images/PencilSimple.svg';
|
import PencilActive from '../../../assets/images/pencilsimple.svg';
|
||||||
import PencilInactive from '../../../assets/images/PencilSimple - inactive.svg';
|
import PencilInactive from '../../../assets/images/pencilsimple-inactive.svg';
|
||||||
import TrashActive from '../../../assets/images/Trash - active.svg';
|
import TrashActive from '../../../assets/images/trash - active.svg';
|
||||||
import TrashInactive from '../../../assets/images/Trash - Inactive.svg';
|
import TrashInactive from '../../../assets/images/trash - inactive.svg';
|
||||||
import AdminUserIcon from '../../../assets/images/UserGear.svg';
|
import AdminUserIcon from '../../../assets/images/usergear.svg';
|
||||||
import ActiveUserIcon from '../../../assets/images/Active - User.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 ResetPasswordIcon from '../../../assets/images/hugeicons_reset-password.svg';
|
||||||
import ResetPasswordInactiveIcon from '../../../assets/images/hugeicons_reset-password-inactive.svg';
|
import ResetPasswordInactiveIcon from '../../../assets/images/hugeicons_reset-password-inactive.svg';
|
||||||
|
|
||||||
|
|||||||
@ -11,12 +11,12 @@ import {
|
|||||||
deleteEstablishment,
|
deleteEstablishment,
|
||||||
} from '../../../services/establishments/establishmentService';
|
} from '../../../services/establishments/establishmentService';
|
||||||
import SearchIcon from '../../../assets/images/material-symbols_search-rounded.svg';
|
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 AddIcon from '../../../assets/images/ic_baseline-plus.svg';
|
||||||
import PencilActive from '../../../assets/images/PencilSimple.svg';
|
import PencilActive from '../../../assets/images/pencilsimple.svg';
|
||||||
import PencilInactive from '../../../assets/images/PencilSimple - inactive.svg';
|
import PencilInactive from '../../../assets/images/pencilsimple-inactive.svg';
|
||||||
import TrashActive from '../../../assets/images/Trash - active.svg';
|
import TrashActive from '../../../assets/images/trash - active.svg';
|
||||||
import TrashInactive from '../../../assets/images/Trash - Inactive.svg';
|
import TrashInactive from '../../../assets/images/trash - inactive.svg';
|
||||||
import ResetPasswordActive from '../../../assets/images/hugeicons_reset-password.svg';
|
import ResetPasswordActive from '../../../assets/images/hugeicons_reset-password.svg';
|
||||||
import ResetPasswordInactive from '../../../assets/images/hugeicons_reset-password-inactive.svg';
|
import ResetPasswordInactive from '../../../assets/images/hugeicons_reset-password-inactive.svg';
|
||||||
import DeleteIcon from '../../../assets/images/delete.svg';
|
import DeleteIcon from '../../../assets/images/delete.svg';
|
||||||
@ -587,6 +587,13 @@ const CompanyProfile = () => {
|
|||||||
required
|
required
|
||||||
error={fieldErrors.contactCityTown}
|
error={fieldErrors.contactCityTown}
|
||||||
/>
|
/>
|
||||||
|
<TextField
|
||||||
|
label="Postal Code"
|
||||||
|
value={form.contactPostalCode}
|
||||||
|
onChange={handleFormChange('contactPostalCode')}
|
||||||
|
placeholder="Enter postal code"
|
||||||
|
width="100%"
|
||||||
|
/>
|
||||||
<TextField
|
<TextField
|
||||||
label="PO Box"
|
label="PO Box"
|
||||||
value={form.contactPoBox}
|
value={form.contactPoBox}
|
||||||
|
|||||||
@ -2,12 +2,12 @@ import React from 'react';
|
|||||||
import Table from '../../../components/common/Table';
|
import Table from '../../../components/common/Table';
|
||||||
import { TextField, SelectField } from '../../../components/common/FormControls';
|
import { TextField, SelectField } from '../../../components/common/FormControls';
|
||||||
import SearchIcon from '../../../assets/images/material-symbols_search-rounded.svg';
|
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 AddIcon from '../../../assets/images/ic_baseline-plus.svg';
|
||||||
import PencilActive from '../../../assets/images/PencilSimple.svg';
|
import PencilActive from '../../../assets/images/pencilsimple.svg';
|
||||||
import PencilInactive from '../../../assets/images/PencilSimple - inactive.svg';
|
import PencilInactive from '../../../assets/images/pencilsimple-inactive.svg';
|
||||||
import TrashActive from '../../../assets/images/Trash - active.svg';
|
import TrashActive from '../../../assets/images/trash - active.svg';
|
||||||
import TrashInactive from '../../../assets/images/Trash - Inactive.svg';
|
import TrashInactive from '../../../assets/images/trash - inactive.svg';
|
||||||
|
|
||||||
const establishmentsSeed = [
|
const establishmentsSeed = [
|
||||||
{
|
{
|
||||||
|
|||||||
@ -1,12 +1,12 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import Table from '../../../components/common/Table';
|
import Table from '../../../components/common/Table';
|
||||||
import DownloadIcon from '../../../assets/images/DownloadSimple.svg';
|
import DownloadIcon from '../../../assets/images/downloadsimple.svg';
|
||||||
import UploadImportIcon from '../../../assets/images/Upload-import.svg';
|
import UploadImportIcon from '../../../assets/images/upload-import.svg';
|
||||||
import AddIcon from '../../../assets/images/ic_baseline-plus.svg';
|
import AddIcon from '../../../assets/images/ic_baseline-plus.svg';
|
||||||
import PencilActive from '../../../assets/images/PencilSimple.svg';
|
import PencilActive from '../../../assets/images/pencilsimple.svg';
|
||||||
import PencilInactive from '../../../assets/images/PencilSimple - inactive.svg';
|
import PencilInactive from '../../../assets/images/pencilsimple-inactive.svg';
|
||||||
import TrashActive from '../../../assets/images/Trash - active.svg';
|
import TrashActive from '../../../assets/images/trash - active.svg';
|
||||||
import TrashInactive from '../../../assets/images/Trash - Inactive.svg';
|
import TrashInactive from '../../../assets/images/trash - inactive.svg';
|
||||||
import DeleteIcon from '../../../assets/images/delete.svg';
|
import DeleteIcon from '../../../assets/images/delete.svg';
|
||||||
import StatusBadge from '../../../components/common/StatusBadge';
|
import StatusBadge from '../../../components/common/StatusBadge';
|
||||||
import { TextField, SelectField } from '../../../components/common/FormControls';
|
import { TextField, SelectField } from '../../../components/common/FormControls';
|
||||||
|
|||||||
@ -1,15 +1,15 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import Table from '../../../components/common/Table';
|
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 AddIcon from '../../../assets/images/ic_baseline-plus.svg';
|
||||||
import PencilActive from '../../../assets/images/PencilSimple.svg';
|
import PencilActive from '../../../assets/images/pencilsimple.svg';
|
||||||
import PencilInactive from '../../../assets/images/PencilSimple - inactive.svg';
|
import PencilInactive from '../../../assets/images/pencilsimple-inactive.svg';
|
||||||
import TrashActive from '../../../assets/images/Trash - active.svg';
|
import TrashActive from '../../../assets/images/trash - active.svg';
|
||||||
import TrashInactive from '../../../assets/images/Trash - Inactive.svg';
|
import TrashInactive from '../../../assets/images/trash - inactive.svg';
|
||||||
import DeleteIcon from '../../../assets/images/delete.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 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 { TextField, SelectField, DateField } from '../../../components/common/FormControls';
|
||||||
import StatusBadge from '../../../components/common/StatusBadge';
|
import StatusBadge from '../../../components/common/StatusBadge';
|
||||||
|
|
||||||
|
|||||||
@ -1,16 +1,16 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import Table from '../../../components/common/Table';
|
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 AddIcon from '../../../assets/images/ic_baseline-plus.svg';
|
||||||
import PencilActive from '../../../assets/images/PencilSimple.svg';
|
import PencilActive from '../../../assets/images/pencilsimple.svg';
|
||||||
import PencilInactive from '../../../assets/images/PencilSimple - inactive.svg';
|
import PencilInactive from '../../../assets/images/pencilsimple-inactive.svg';
|
||||||
import TrashActive from '../../../assets/images/Trash - active.svg';
|
import TrashActive from '../../../assets/images/trash - active.svg';
|
||||||
import TrashInactive from '../../../assets/images/Trash - Inactive.svg';
|
import TrashInactive from '../../../assets/images/trash - inactive.svg';
|
||||||
import DeleteIcon from '../../../assets/images/delete.svg';
|
import DeleteIcon from '../../../assets/images/delete.svg';
|
||||||
import StatusBadge from '../../../components/common/StatusBadge';
|
import StatusBadge from '../../../components/common/StatusBadge';
|
||||||
import { TextField, SelectField } from '../../../components/common/FormControls';
|
import { TextField, SelectField } from '../../../components/common/FormControls';
|
||||||
import CaretDownIcon from '../../../assets/images/CaretDown - active.svg';
|
import CaretDownIcon from '../../../assets/images/caretdown-active.svg';
|
||||||
import RectangleIcon from '../../../assets/images/Rectangle.svg';
|
import RectangleIcon from '../../../assets/images/rectangle.svg';
|
||||||
import CheckboxIcon from '../../../assets/images/checkbox.svg';
|
import CheckboxIcon from '../../../assets/images/checkbox.svg';
|
||||||
|
|
||||||
const createEmptyUnitForm = () => ({
|
const createEmptyUnitForm = () => ({
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import React from "react";
|
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 { useNavigate, useLocation } from "react-router-dom";
|
||||||
import apiClient from "../../services/api/apiClient.js";
|
import apiClient from "../../services/api/apiClient.js";
|
||||||
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
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 { useNavigate } from 'react-router-dom';
|
||||||
import { requestPasswordReset } from '../../services/auth/authService.js';
|
import { requestPasswordReset } from '../../services/auth/authService.js';
|
||||||
|
|
||||||
|
|||||||
@ -4,7 +4,7 @@ import Table from '../../components/common/Table';
|
|||||||
import HeaderBar from '../../components/layout/HeaderBar';
|
import HeaderBar from '../../components/layout/HeaderBar';
|
||||||
import { fetchSubmissionHistory } from '../../services/submissions/submissionService.js';
|
import { fetchSubmissionHistory } from '../../services/submissions/submissionService.js';
|
||||||
import SearchIcon from '../../assets/images/material-symbols_search-rounded.svg';
|
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 Badge = ({ variant = 'default', children }) => {
|
||||||
const styles = {
|
const styles = {
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
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 { useNavigate } from 'react-router-dom';
|
||||||
import { login } from '../../services/auth/authService.js';
|
import { login } from '../../services/auth/authService.js';
|
||||||
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import React, { useState, useEffect } from "react";
|
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 { useNavigate } from "react-router-dom";
|
||||||
import apiClient from "../services/api/apiClient.js";
|
import apiClient from "../services/api/apiClient.js";
|
||||||
|
|
||||||
|
|||||||
@ -6,7 +6,7 @@ import EstablishmentInfo from '../../components/survey/EstablishmentInfo/Establi
|
|||||||
import HeaderBar from '../../components/layout/HeaderBar';
|
import HeaderBar from '../../components/layout/HeaderBar';
|
||||||
import ProductData from '../../components/survey/ProductData/ProductData';
|
import ProductData from '../../components/survey/ProductData/ProductData';
|
||||||
import ReviewSubmit from '../../components/survey/ReviewSubmit/ReviewSubmit';
|
import ReviewSubmit from '../../components/survey/ReviewSubmit/ReviewSubmit';
|
||||||
import CheckCircleActive from '../../assets/images/CircleFrame.svg';
|
import CheckCircleActive from '../../assets/images/circleframe.svg';
|
||||||
|
|
||||||
const createEmptyProduct = (id) => ({
|
const createEmptyProduct = (id) => ({
|
||||||
id,
|
id,
|
||||||
|
|||||||