diff --git a/src/shared/_mock/_job.ts b/src/shared/_mock/_job.ts
index fdf71dc45672135e4ee3b4e434735583a1e62557..5cf4f54c8f287bafab4d5aab0727a01204a38502 100644
--- a/src/shared/_mock/_job.ts
+++ b/src/shared/_mock/_job.ts
@@ -83,30 +83,38 @@ const CANDIDATES = [...Array(12)].map((_, index) => ({
const CONTENT = `
<h6>Job description</h6>
-<p>Occaecati est et illo quibusdam accusamus qui. Incidunt aut et molestiae ut facere aut. Est quidem iusto praesentium excepturi harum nihil tenetur facilis. Ut omnis voluptates nihil accusantium doloribus eaque debitis.</p>
+<p>Occaecati est et illo quibusdam accusamus qui. Incidunt aut et excepturi harum nihil tenetur facilis. Ut omnis voluptates nihil accusantium doloribus eaque debitis.</p>
<h6>Key responsibilities</h6>
<ul>
<li>Working with agency for design drawing detail, quotation and local production.</li>
<li>Produce window displays, signs, interior displays, floor plans and special promotions displays.</li>
- <li>Change displays to promote new product launches and reflect festive or seasonal themes.</li>
- <li>Planning and executing the open/renovation/ closing store procedure.</li>
- <li>Followâ€up store maintenance procedure and keep updating SKU In & Out.</li>
- <li>Monitor costs and work within budget.</li>
- <li>Liaise with suppliers and source elements.</li>
</ul>
+`;
-<h6>Why You'll love working here</h6>
+const PRESTATIONS = `
+<h6>Avantages de l'entreprise</h6>
+<ul>
+ <li>Mutuelle santé prise en charge à 70%</li>
+ <li>Prévoyance</li>
+ <li>Participation aux transports à hauteur de 50%</li>
+ <li>Tickets restaurant (9€/jour)</li>
+ <li>RTT (12 jours/an)</li>
+</ul>
+`;
+const EXIGENCES = `
+<h6>Profil recherché</h6>
<ul>
- <li>Working with agency for design drawing detail, quotation and local production.</li>
- <li>Produce window displays, signs, interior displays, floor plans and special promotions displays.</li>
- <li>Change displays to promote new product launches and reflect festive or seasonal themes.</li>
- <li>Planning and executing the open/renovation/ closing store procedure.</li>
- <li>Followâ€up store maintenance procedure and keep updating SKU In & Out.</li>
- <li>Monitor costs and work within budget.</li>
- <li>Liaise with suppliers and source elements.</li>
+ <li>Diplôme Bac+5 en informatique ou équivalent</li>
+ <li>3 à 5 ans d'expérience en développement web</li>
+</ul>
+
+<h6>Compétences techniques requises</h6>
+<ul>
+ <li>JavaScript / TypeScript</li>
+ <li>React et React Native</li>
</ul>
`;
@@ -114,20 +122,10 @@ export const _jobs = [...Array(12)].map((_, index) => {
const publish = index % 3 ? 'published' : 'draft';
const salary = {
- type: (index % 5 && 'Custom') || 'Hourly',
price: _mock.number.price(index),
negotiable: _mock.boolean(index),
};
- const benefits = JOB_BENEFIT_OPTIONS.slice(0, 3).map((option) => option.label);
-
- const experience =
- JOB_EXPERIENCE_OPTIONS.map((option) => option.label)[index] || JOB_EXPERIENCE_OPTIONS[1].label;
-
- const employmentTypes = (index % 2 && ['Part-time']) ||
- (index % 3 && ['On demand']) ||
- (index % 4 && ['Negotiable']) || ['Full-time'];
-
const company = {
name: _mock.companyNames(index),
logo: _mock.image.company(index),
@@ -140,18 +138,13 @@ export const _jobs = [...Array(12)].map((_, index) => {
salary,
publish,
company,
- benefits,
- experience,
- employmentTypes,
content: CONTENT,
- candidates: CANDIDATES,
- role: _mock.role(index),
title: _mock.jobTitle(index),
- createdAt: _mock.time(index),
- expiredDate: _mock.time(index),
- skills: JOB_SKILL_OPTIONS.slice(0, 3),
totalViews: _mock.number.nativeL(index),
- locations: [_mock.countryNames(1), _mock.countryNames(2)],
- workingSchedule: JOB_WORKING_SCHEDULE_OPTIONS.slice(0, 2),
+ prestations: PRESTATIONS, // Add a sample value
+ exigences: EXIGENCES, // Add a sample value
+ certifs: ['Sample certification'], // Add a sample array with one certification
+ createdAt: _mock.time(index),
+ candidates: CANDIDATES,
};
});
diff --git a/src/shared/sections/job/job-details-content.tsx b/src/shared/sections/job/job-details-content.tsx
index 94f9b89e2bb69c25e7dba681e4040fe77647fde4..b44e4e18ada593853e8f2aa145b67470e2ed1002 100644
--- a/src/shared/sections/job/job-details-content.tsx
+++ b/src/shared/sections/job/job-details-content.tsx
@@ -27,20 +27,21 @@ export function JobDetailsContent({ job }: Props) {
<Typography variant="h4">{job?.title}</Typography>
<Markdown children={job?.content} />
-
- <Stack spacing={2}>
+ <Markdown children={job?.prestations} />
+ <Markdown children={job?.exigences} />
+ {/* <Stack spacing={2}>
<Typography variant="h6">Skills</Typography>
<Stack direction="row" alignItems="center" spacing={1}>
{job?.skills.map((skill) => <Chip key={skill} label={skill} variant="soft" />)}
</Stack>
- </Stack>
+ </Stack> */}
- <Stack spacing={2}>
+ {/* <Stack spacing={2}>
<Typography variant="h6">Benefits</Typography>
<Stack direction="row" alignItems="center" spacing={1}>
{job?.benefits.map((benefit) => <Chip key={benefit} label={benefit} variant="soft" />)}
</Stack>
- </Stack>
+ </Stack> */}
</Card>
);
@@ -52,26 +53,26 @@ export function JobDetailsContent({ job }: Props) {
value: fDate(job?.createdAt),
icon: <Iconify icon="solar:calendar-date-bold" />,
},
- {
- label: 'Expiration date',
- value: fDate(job?.expiredDate),
- icon: <Iconify icon="solar:calendar-date-bold" />,
- },
- {
- label: 'Employment type',
- value: job?.employmentTypes,
- icon: <Iconify icon="solar:clock-circle-bold" />,
- },
+ // {
+ // label: 'Expiration date',
+ // value: fDate(job?.expiredDate),
+ // icon: <Iconify icon="solar:calendar-date-bold" />,
+ // },
+ // {
+ // label: 'Employment type',
+ // value: job?.employmentTypes,
+ // icon: <Iconify icon="solar:clock-circle-bold" />,
+ // },
{
label: 'Offered salary',
value: job?.salary.negotiable ? 'Negotiable' : fCurrency(job?.salary.price),
icon: <Iconify icon="solar:wad-of-money-bold" />,
},
- {
- label: 'Experience',
- value: job?.experience,
- icon: <Iconify icon="carbon:skill-level-basic" />,
- },
+ // {
+ // label: 'Experience',
+ // value: job?.experience,
+ // icon: <Iconify icon="carbon:skill-level-basic" />,
+ // },
].map((item) => (
<Stack key={item.label} spacing={1.5} direction="row">
{item.icon}
diff --git a/src/shared/sections/job/job-filters.tsx b/src/shared/sections/job/job-filters.tsx
index 055dab4524076719132688d310709952b248125d..bb940aa27550cdad6a5f854291ba9e7f98cb39cd 100644
--- a/src/shared/sections/job/job-filters.tsx
+++ b/src/shared/sections/job/job-filters.tsx
@@ -4,24 +4,15 @@ import type { UseSetStateReturn } from 'src/hooks/use-set-state';
import { useCallback } from 'react';
import Box from '@mui/material/Box';
-import Chip from '@mui/material/Chip';
-import Radio from '@mui/material/Radio';
-import Stack from '@mui/material/Stack';
import Badge from '@mui/material/Badge';
import Drawer from '@mui/material/Drawer';
import Button from '@mui/material/Button';
import Divider from '@mui/material/Divider';
-import Tooltip from '@mui/material/Tooltip';
-import Checkbox from '@mui/material/Checkbox';
-import TextField from '@mui/material/TextField';
import IconButton from '@mui/material/IconButton';
import Typography from '@mui/material/Typography';
-import Autocomplete from '@mui/material/Autocomplete';
-import FormControlLabel from '@mui/material/FormControlLabel';
import { Iconify } from 'src/shared/components/iconify';
import { Scrollbar } from 'src/shared/components/scrollbar';
-import { CountrySelect } from 'src/shared/components/country-select';
// ----------------------------------------------------------------------
@@ -31,58 +22,9 @@ type Props = {
onOpen: () => void;
onClose: () => void;
filters: UseSetStateReturn<IJobFilters>;
- options: {
- roles: string[];
- benefits: string[];
- experiences: string[];
- employmentTypes: string[];
- };
};
-export function JobFilters({ open, canReset, onOpen, onClose, filters, options }: Props) {
- const handleFilterEmploymentTypes = useCallback(
- (newValue: string) => {
- const checked = filters.state.employmentTypes.includes(newValue)
- ? filters.state.employmentTypes.filter((value) => value !== newValue)
- : [...filters.state.employmentTypes, newValue];
-
- filters.setState({ employmentTypes: checked });
- },
- [filters]
- );
-
- const handleFilterExperience = useCallback(
- (newValue: string) => {
- filters.setState({ experience: newValue });
- },
- [filters]
- );
-
- const handleFilterRoles = useCallback(
- (newValue: string[]) => {
- filters.setState({ roles: newValue });
- },
- [filters]
- );
-
- const handleFilterLocations = useCallback(
- (newValue: string[]) => {
- filters.setState({ locations: newValue });
- },
- [filters]
- );
-
- const handleFilterBenefits = useCallback(
- (newValue: string) => {
- const checked = filters.state.benefits.includes(newValue)
- ? filters.state.benefits.filter((value) => value !== newValue)
- : [...filters.state.benefits, newValue];
-
- filters.setState({ benefits: checked });
- },
- [filters]
- );
-
+export function JobFilters({ open, canReset, onOpen, onClose, filters }: Props) {
const renderHead = (
<>
<Box display="flex" alignItems="center" sx={{ py: 2, pr: 1, pl: 2.5 }}>
@@ -90,13 +32,11 @@ export function JobFilters({ open, canReset, onOpen, onClose, filters, options }
Filters
</Typography>
- <Tooltip title="Reset">
- <IconButton onClick={filters.onResetState}>
- <Badge color="error" variant="dot" invisible={!canReset}>
- <Iconify icon="solar:restart-bold" />
- </Badge>
- </IconButton>
- </Tooltip>
+ <IconButton onClick={filters.onResetState}>
+ <Badge color="error" variant="dot" invisible={!canReset}>
+ <Iconify icon="solar:restart-bold" />
+ </Badge>
+ </IconButton>
<IconButton onClick={onClose}>
<Iconify icon="mingcute:close-line" />
@@ -107,117 +47,6 @@ export function JobFilters({ open, canReset, onOpen, onClose, filters, options }
</>
);
- const renderEmploymentTypes = (
- <Box display="flex" flexDirection="column">
- <Typography variant="subtitle2" sx={{ mb: 1 }}>
- Employment types
- </Typography>
- {options.employmentTypes.map((option) => (
- <FormControlLabel
- key={option}
- control={
- <Checkbox
- checked={filters.state.employmentTypes.includes(option)}
- onClick={() => handleFilterEmploymentTypes(option)}
- />
- }
- label={option}
- />
- ))}
- </Box>
- );
-
- const renderExperience = (
- <Box display="flex" flexDirection="column">
- <Typography variant="subtitle2" sx={{ mb: 1 }}>
- Experience
- </Typography>
- {options.experiences.map((option) => (
- <FormControlLabel
- key={option}
- control={
- <Radio
- checked={option === filters.state.experience}
- onClick={() => handleFilterExperience(option)}
- />
- }
- label={option}
- sx={{ ...(option === 'all' && { textTransform: 'capitalize' }) }}
- />
- ))}
- </Box>
- );
-
- const renderRoles = (
- <Box display="flex" flexDirection="column">
- <Typography variant="subtitle2" sx={{ mb: 1.5 }}>
- Roles
- </Typography>
- <Autocomplete
- multiple
- disableCloseOnSelect
- options={options.roles.map((option) => option)}
- getOptionLabel={(option) => option}
- value={filters.state.roles}
- onChange={(event, newValue) => handleFilterRoles(newValue)}
- renderInput={(params) => <TextField placeholder="Select Roles" {...params} />}
- renderOption={(props, option) => (
- <li {...props} key={option}>
- {option}
- </li>
- )}
- renderTags={(selected, getTagProps) =>
- selected.map((option, index) => (
- <Chip
- {...getTagProps({ index })}
- key={option}
- label={option}
- size="small"
- variant="soft"
- />
- ))
- }
- />
- </Box>
- );
-
- const renderLocations = (
- <Box display="flex" flexDirection="column">
- <Typography variant="subtitle2" sx={{ mb: 1.5 }}>
- Locations
- </Typography>
-
- <CountrySelect
- id="multiple-locations"
- multiple
- fullWidth
- placeholder={filters.state.locations.length ? '+ Locations' : 'Select Locations'}
- value={filters.state.locations}
- onChange={(event, newValue) => handleFilterLocations(newValue)}
- />
- </Box>
- );
-
- const renderBenefits = (
- <Box display="flex" flexDirection="column">
- <Typography variant="subtitle2" sx={{ mb: 1 }}>
- Benefits
- </Typography>
- {options.benefits.map((option) => (
- <FormControlLabel
- key={option}
- control={
- <Checkbox
- checked={filters.state.benefits.includes(option)}
- onClick={() => handleFilterBenefits(option)}
- />
- }
- label={option}
- />
- ))}
- </Box>
- );
-
return (
<>
<Button
@@ -243,13 +72,9 @@ export function JobFilters({ open, canReset, onOpen, onClose, filters, options }
{renderHead}
<Scrollbar sx={{ px: 2.5, py: 3 }}>
- <Stack spacing={3}>
- {renderEmploymentTypes}
- {renderExperience}
- {renderRoles}
- {renderLocations}
- {renderBenefits}
- </Stack>
+ <Typography>
+ Filter options would go here, but the current IJobFilters interface is empty.
+ </Typography>
</Scrollbar>
</Drawer>
</>
diff --git a/src/shared/sections/job/job-item.tsx b/src/shared/sections/job/job-item.tsx
index 1c8f40e69b14fb981ba7514c72d0fb12ccc1b51e..500604a1211e75d7dc8521eff05b9ae25563eea3 100644
--- a/src/shared/sections/job/job-item.tsx
+++ b/src/shared/sections/job/job-item.tsx
@@ -78,7 +78,7 @@ export function JobItem({ job, onView, onEdit, onDelete }: Props) {
<Divider sx={{ borderStyle: 'dashed' }} />
- <Box rowGap={1.5} display="grid" gridTemplateColumns="repeat(2, 1fr)" sx={{ p: 3 }}>
+ {/* <Box rowGap={1.5} display="grid" gridTemplateColumns="repeat(2, 1fr)" sx={{ p: 3 }}>
{[
{
label: job.experience,
@@ -111,7 +111,7 @@ export function JobItem({ job, onView, onEdit, onDelete }: Props) {
</Typography>
</Stack>
))}
- </Box>
+ </Box> */}
</Card>
<CustomPopover
diff --git a/src/shared/sections/job/job-new-edit-form.tsx b/src/shared/sections/job/job-new-edit-form.tsx
index b3cb48820e0443efe5c3137f478aa1dbfa76b5e1..138f3fee29afe40969d6387bc7ba1e145a7f7000 100644
--- a/src/shared/sections/job/job-new-edit-form.tsx
+++ b/src/shared/sections/job/job-new-edit-form.tsx
@@ -3,16 +3,16 @@ import type { IJobItem } from 'src/shared/types/job';
import { z as zod } from 'zod';
import { useMemo, useEffect } from 'react';
import { zodResolver } from '@hookform/resolvers/zod';
-import { useForm, Controller } from 'react-hook-form';
+import { useForm } from 'react-hook-form';
import Box from '@mui/material/Box';
import Chip from '@mui/material/Chip';
import Card from '@mui/material/Card';
import Stack from '@mui/material/Stack';
-import Paper from '@mui/material/Paper';
+// import Paper from '@mui/material/Paper';
import Switch from '@mui/material/Switch';
import Divider from '@mui/material/Divider';
-import ButtonBase from '@mui/material/ButtonBase';
+// import ButtonBase from '@mui/material/ButtonBase';
import CardHeader from '@mui/material/CardHeader';
import Typography from '@mui/material/Typography';
import LoadingButton from '@mui/lab/LoadingButton';
@@ -24,17 +24,17 @@ import { useRouter } from 'src/routes/hooks';
import {
_roles,
- JOB_SKILL_OPTIONS,
+ // JOB_SKILL_OPTIONS,
JOB_BADGE_OPTIONS,
- JOB_BENEFIT_OPTIONS,
- JOB_EXPERIENCE_OPTIONS,
- JOB_EMPLOYMENT_TYPE_OPTIONS,
- JOB_WORKING_SCHEDULE_OPTIONS,
+ // JOB_BENEFIT_OPTIONS,
+ // JOB_EXPERIENCE_OPTIONS,
+ // JOB_EMPLOYMENT_TYPE_OPTIONS,
+ // JOB_WORKING_SCHEDULE_OPTIONS,
} from 'src/shared/_mock';
import { toast } from 'src/shared/components/snackbar';
-import { Iconify } from 'src/shared/components/iconify';
-import { Form, Field, schemaHelper } from 'src/shared/components/hook-form';
+// import { Iconify } from 'src/shared/components/iconify';
+import { Form, Field } from 'src/shared/components/hook-form';
// ----------------------------------------------------------------------
@@ -43,25 +43,28 @@ export type NewJobSchemaType = zod.infer<typeof NewJobSchema>;
export const NewJobSchema = zod.object({
title: zod.string().min(1, { message: 'Le titre est requis !' }),
content: zod.string().min(1, { message: 'Le contenu est requis !' }),
- employmentTypes: zod.string().array().nonempty({ message: 'Choisissez au moins une option !' }),
- role: schemaHelper.objectOrNull<string | null>({
- message: { required_error: 'Le rôle est requis !' },
- }),
- skills: zod.string().array().nonempty({ message: 'Choisissez au moins une option !' }),
- workingSchedule: zod.string().array().nonempty({ message: 'Choisissez au moins une option !' }),
- locations: zod.string().array().nonempty({ message: 'Choisissez au moins une option !' }),
- expiredDate: schemaHelper.date({
- message: { required_error: "La date d'expiration est requise !" },
- }),
+ prestations: zod.string().min(1, { message: 'La prestations est requis !' }),
+ exigences: zod.string().min(1, { message: "L'exigences est requis !" }),
+ certifs: zod.string().array(),
+ // employmentTypes: zod.string().array().nonempty({ message: 'Choisissez au moins une option !' }),
+ // role: schemaHelper.objectOrNull<string | null>({
+ // message: { required_error: 'Le rôle est requis !' },
+ // }),
+ // skills: zod.string().array().nonempty({ message: 'Choisissez au moins une option !' }),
+ // workingSchedule: zod.string().array().nonempty({ message: 'Choisissez au moins une option !' }),
+ // locations: zod.string().array().nonempty({ message: 'Choisissez au moins une option !' }),
+ // expiredDate: schemaHelper.date({
+ // message: { required_error: "La date d'expiration est requise !" },
+ // }),
salary: zod.object({
price: zod.number().min(1, { message: 'Le montant est requis !' }),
// Not required
- type: zod.string(),
+ // type: zod.string(),
negotiable: zod.boolean(),
}),
- benefits: zod.string().array().nonempty({ message: 'Choisissez au moins une option !' }),
+ // benefits: zod.string().array().nonempty({ message: 'Choisissez au moins une option !' }),
// Not required
- experience: zod.string(),
+ // experience: zod.string(),
});
// ----------------------------------------------------------------------
@@ -77,15 +80,18 @@ export function JobNewEditForm({ currentJob }: Props) {
() => ({
title: currentJob?.title || '',
content: currentJob?.content || '',
- employmentTypes: currentJob?.employmentTypes || [],
- experience: currentJob?.experience || "1 ans d'experience",
- role: currentJob?.role || _roles[1],
- skills: currentJob?.skills || [],
- workingSchedule: currentJob?.workingSchedule || [],
- locations: currentJob?.locations || [],
- expiredDate: currentJob?.expiredDate || null,
- salary: currentJob?.salary || { type: 'Par heur', price: 0, negotiable: false },
- benefits: currentJob?.benefits || [],
+ prestations: currentJob?.prestations || '',
+ exigences: currentJob?.exigences || '',
+ certifs: currentJob?.certifs || [],
+ // employmentTypes: currentJob?.employmentTypes || [],
+ // experience: currentJob?.experience || "1 ans d'experience",
+ // role: currentJob?.role || _roles[1],
+ // skills: currentJob?.skills || [],
+ // workingSchedule: currentJob?.workingSchedule || [],
+ // locations: currentJob?.locations || [],
+ // expiredDate: currentJob?.expiredDate || null,
+ salary: currentJob?.salary || { price: 0, negotiable: false },
+ // benefits: currentJob?.benefits || [],
}),
[currentJob]
);
@@ -98,7 +104,7 @@ export function JobNewEditForm({ currentJob }: Props) {
const {
reset,
- control,
+ // control,
handleSubmit,
formState: { isSubmitting },
} = methods;
@@ -152,7 +158,7 @@ export function JobNewEditForm({ currentJob }: Props) {
<Divider />
<Stack spacing={3} sx={{ p: 3 }}>
- <Stack spacing={1}>
+ {/* <Stack spacing={1}>
<Typography variant="subtitle2">Type demploi</Typography>
<Field.MultiCheckbox
row
@@ -160,9 +166,9 @@ export function JobNewEditForm({ currentJob }: Props) {
options={JOB_EMPLOYMENT_TYPE_OPTIONS}
sx={{ gap: 4 }}
/>
- </Stack>
+ </Stack> */}
- <Stack spacing={1}>
+ {/* <Stack spacing={1}>
<Typography variant="subtitle2">Experience</Typography>
<Field.RadioGroup
row
@@ -185,9 +191,19 @@ export function JobNewEditForm({ currentJob }: Props) {
</li>
)}
/>
+ </Stack> */}
+
+ <Stack spacing={1.5}>
+ <Typography variant="subtitle2">Quelles sont les prestations attendues ?</Typography>
+ <Field.Editor name="prestations" sx={{ maxHeight: 480 }} />
</Stack>
<Stack spacing={1.5}>
+ <Typography variant="subtitle2">Quelles sont vos exigences ?</Typography>
+ <Field.Editor name="exigences" sx={{ maxHeight: 480 }} />
+ </Stack>
+
+ {/* <Stack spacing={1.5}>
<Typography variant="subtitle2">Compétences</Typography>
<Field.Autocomplete
name="skills"
@@ -214,12 +230,12 @@ export function JobNewEditForm({ currentJob }: Props) {
))
}
/>
- </Stack>
+ </Stack> */}
<Stack spacing={1.5}>
- <Typography variant="subtitle2">Badge</Typography>
+ <Typography variant="subtitle2">Certifs</Typography>
<Field.Autocomplete
- name="badges"
- placeholder="+ Badges"
+ name="certifs"
+ placeholder="+ Certifs"
multiple
disableCloseOnSelect
options={JOB_BADGE_OPTIONS.map((option) => option)}
@@ -243,7 +259,7 @@ export function JobNewEditForm({ currentJob }: Props) {
}
/>
</Stack>
- <Stack spacing={1.5}>
+ {/* <Stack spacing={1.5}>
<Typography variant="subtitle2">Horaires de travail</Typography>
<Field.Autocomplete
name="Horaires_de_travail"
@@ -270,9 +286,9 @@ export function JobNewEditForm({ currentJob }: Props) {
))
}
/>
- </Stack>
+ </Stack> */}
- <Stack spacing={1.5}>
+ {/* <Stack spacing={1.5}>
<Typography variant="subtitle2">Lieux</Typography>
<Field.CountrySelect multiple name="locations" placeholder="+ Lieux" />
</Stack>
@@ -280,12 +296,12 @@ export function JobNewEditForm({ currentJob }: Props) {
<Stack spacing={1.5}>
<Typography variant="subtitle2">Expiré</Typography>
<Field.DatePicker name="expiredDate" />
- </Stack>
+ </Stack> */}
<Stack spacing={2}>
<Typography variant="subtitle2">Salaire</Typography>
- <Controller
+ {/* <Controller
name="salary.type"
control={control}
render={({ field }) => (
@@ -322,7 +338,7 @@ export function JobNewEditForm({ currentJob }: Props) {
))}
</Box>
)}
- />
+ /> */}
<Field.Text
name="salary.price"
@@ -338,15 +354,6 @@ export function JobNewEditForm({ currentJob }: Props) {
/>
<Field.Switch name="salary.negotiable" label="Salaire est négociable" />
</Stack>
-
- <Stack spacing={1}>
- <Typography variant="subtitle2">Avantages</Typography>
- <Field.MultiCheckbox
- name="benefits"
- options={JOB_BENEFIT_OPTIONS}
- sx={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)' }}
- />
- </Stack>
</Stack>
</Card>
);
diff --git a/src/shared/sections/job/view/job-create-view.tsx b/src/shared/sections/job/view/job-create-view.tsx
index e6c521fe8cc49fa6e08c50f6f95e83f1443c1ec9..ec62aabb3f96734ccf278bcb5e9f64b0682d6725 100644
--- a/src/shared/sections/job/view/job-create-view.tsx
+++ b/src/shared/sections/job/view/job-create-view.tsx
@@ -16,8 +16,8 @@ export function JobCreateView() {
<CustomBreadcrumbs
heading="Create a new job"
links={[
- { name: 'Dashboard', href: paths.dashboard.root },
{ name: 'Freelancers', href: paths.freelancers.root },
+ { name: 'jobs', href: paths.freelancers.jobs },
{ name: 'New job' },
]}
sx={{ mb: { xs: 3, md: 5 } }}
diff --git a/src/shared/sections/job/view/job-list-view.tsx b/src/shared/sections/job/view/job-list-view.tsx
index be5ca40199fd782e48cc588f5feb49a77f525c26..416f48c56d05aa7457f996db72adf4e016a99712 100644
--- a/src/shared/sections/job/view/job-list-view.tsx
+++ b/src/shared/sections/job/view/job-list-view.tsx
@@ -48,42 +48,44 @@ export function JobListView() {
}>({ query: '', results: [] });
const filters = useSetState<IJobFilters>({
- roles: [],
- locations: [],
- benefits: [],
- experience: 'all',
- employmentTypes: [],
+ salary: 0,
+ // salary: []
+ // roles: [],
+ // locations: [],
+ // benefits: [],
+ // experience: 'all',
+ // employmentTypes: [],
});
const dataFiltered = applyFilter({ inputData: _jobs, filters: filters.state, sortBy });
- const canReset =
- filters.state.roles.length > 0 ||
- filters.state.locations.length > 0 ||
- filters.state.benefits.length > 0 ||
- filters.state.employmentTypes.length > 0 ||
- filters.state.experience !== 'all';
+ const canReset = 'all';
+ // filters.state.roles.length > 0 ||
+ // // filters.state.locations.length > 0 ||
+ // filters.state.benefits.length > 0 ||
+ // filters.state.employmentTypes.length > 0 ||
+ // filters.state.experience !== 'all';
- const notFound = !dataFiltered.length && canReset;
+ // const notFound = !dataFiltered.length && canReset;
const handleSortBy = useCallback((newValue: string) => {
setSortBy(newValue);
}, []);
- const handleSearch = useCallback(
- (inputValue: string) => {
- search.setState({ query: inputValue });
+ // const handleSearch = useCallback(
+ // (inputValue: string) => {
+ // search.setState({ query: inputValue });
- if (inputValue) {
- const results = _jobs.filter(
- (job) => job.title.toLowerCase().indexOf(search.state.query.toLowerCase()) !== -1
- );
+ // if (inputValue) {
+ // const results = _jobs.filter(
+ // (job) => job.title.toLowerCase().indexOf(search.state.query.toLowerCase()) !== -1
+ // );
- search.setState({ results });
- }
- },
- [search]
- );
+ // search.setState({ results });
+ // }
+ // },
+ // [search]
+ // );
const renderFilters = (
<Stack
@@ -92,12 +94,12 @@ export function JobListView() {
alignItems={{ xs: 'flex-end', sm: 'center' }}
direction={{ xs: 'column', sm: 'row' }}
>
- <JobSearch search={search} onSearch={handleSearch} />
+ {/* <JobSearch search={search} onSearch={handleSearch} /> */}
<Stack direction="row" spacing={1} flexShrink={0}>
- <JobFilters
+ {/* <JobFilters
filters={filters}
- canReset={canReset}
+ // canReset={canReset}
open={openFilters.value}
onOpen={openFilters.onTrue}
onClose={openFilters.onFalse}
@@ -107,14 +109,14 @@ export function JobListView() {
employmentTypes: JOB_EMPLOYMENT_TYPE_OPTIONS.map((option) => option.label),
experiences: ['all', ...JOB_EXPERIENCE_OPTIONS.map((option) => option.label)],
}}
- />
+ /> */}
<JobSort sort={sortBy} onSort={handleSortBy} sortOptions={JOB_SORT_OPTIONS} />
</Stack>
</Stack>
);
- const renderResults = <JobFiltersResult filters={filters} totalResults={dataFiltered.length} />;
+ // const renderResults = <JobFiltersResult filters={filters} totalResults={dataFiltered.length} />;
return (
<DashboardContent>
@@ -141,10 +143,10 @@ export function JobListView() {
<Stack spacing={2.5} sx={{ mb: { xs: 3, md: 5 } }}>
{renderFilters}
- {canReset && renderResults}
+ {/* {canReset && renderResults} */}
</Stack>
- {notFound && <EmptyContent filled sx={{ py: 10 }} />}
+ {/* {notFound && <EmptyContent filled sx={{ py: 10 }} />} */}
<JobList jobs={dataFiltered} />
</DashboardContent>
@@ -160,7 +162,8 @@ type ApplyFilterProps = {
};
const applyFilter = ({ inputData, filters, sortBy }: ApplyFilterProps) => {
- const { employmentTypes, experience, roles, locations, benefits } = filters;
+ // const { employmentTypes, experience, roles, locations, benefits } = filters;
+ // const {salary} = filters;
// Sort by
if (sortBy === 'latest') {
@@ -176,27 +179,27 @@ const applyFilter = ({ inputData, filters, sortBy }: ApplyFilterProps) => {
}
// Filters
- if (employmentTypes.length) {
- inputData = inputData.filter((job) =>
- job.employmentTypes.some((item) => employmentTypes.includes(item))
- );
- }
-
- if (experience !== 'all') {
- inputData = inputData.filter((job) => job.experience === experience);
- }
-
- if (roles.length) {
- inputData = inputData.filter((job) => roles.includes(job.role));
- }
-
- if (locations.length) {
- inputData = inputData.filter((job) => job.locations.some((item) => locations.includes(item)));
- }
-
- if (benefits.length) {
- inputData = inputData.filter((job) => job.benefits.some((item) => benefits.includes(item)));
- }
+ // if (employmentTypes.length) {
+ // inputData = inputData.filter((job) =>
+ // job.employmentTypes.some((item) => employmentTypes.includes(item))
+ // );
+ // }
+
+ // if (experience !== 'all') {
+ // inputData = inputData.filter((job) => job.experience === experience);
+ // }
+
+ // if (roles.length) {
+ // inputData = inputData.filter((job) => roles.includes(job.role));
+ // }
+
+ // if (locations.length) {
+ // inputData = inputData.filter((job) => job.locations.some((item) => locations.includes(item)));
+ // }
+
+ // if (benefits.length) {
+ // inputData = inputData.filter((job) => job.benefits.some((item) => benefits.includes(item)));
+ // }
return inputData;
};
diff --git a/src/shared/types/job.ts b/src/shared/types/job.ts
index 0d72b173c90d22c6bd13f917769a0ab138ca1fcd..6dab6abcbd293694ad6c086b4db9ba5273fd771d 100644
--- a/src/shared/types/job.ts
+++ b/src/shared/types/job.ts
@@ -1,11 +1,12 @@
// ----------------------------------------------------------------------
export type IJobFilters = {
- roles: string[];
- experience: string;
- locations: string[];
- benefits: string[];
- employmentTypes: string[];
+ // salary: number;
+ // roles: string[];
+ // experience: string;
+ // locations: string[];
+ // benefits: string[];
+ // employmentTypes: string[];
};
export type IJobCandidate = {
@@ -23,27 +24,30 @@ export type IJobCompany = {
};
export type IJobSalary = {
- type: string;
+ // type: string;
price: number;
negotiable: boolean;
};
export type IJobItem = {
id: string;
- role: string;
+ // role: string;
title: string;
content: string;
publish: string;
- skills: string[];
+ // skills: string[];
totalViews: number;
- experience: string;
+ // experience: string;
salary: IJobSalary;
- benefits: string[];
- locations: string[];
+ prestations: string;
+ exigences: string;
+ certifs: string[];
+ // benefits: string[];
+ // locations: string[];
company: IJobCompany;
createdAt: string | null;
- employmentTypes: string[];
- workingSchedule: string[];
- expiredDate: string | null;
+ // employmentTypes: string[];
+ // workingSchedule: string[];
+ // expiredDate: string | null;
candidates: IJobCandidate[];
};