@canmingir/link 1.1.7 → 1.2.0

package/minimal/src/sections/job/job-details-content.jsx

@@ -1,149 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Chip from '@mui/material/Chip';
-import Card from '@mui/material/Card';
-import Paper from '@mui/material/Paper';
-import Stack from '@mui/material/Stack';
-import Avatar from '@mui/material/Avatar';
-import Grid from '@mui/material/Unstable_Grid2';
-import Typography from '@mui/material/Typography';
-import ListItemText from '@mui/material/ListItemText';
-
-import { fDate } from 'src/utils/format-time';
-import { fCurrency } from 'src/utils/format-number';
-
-import Iconify from 'src/components/iconify';
-import Markdown from 'src/components/markdown';
-
-// ----------------------------------------------------------------------
-
-export default function JobDetailsContent({ job }) {
-  const {
-    title,
-    skills,
-    salary,
-    content,
-    benefits,
-    createdAt,
-    experience,
-    expiredDate,
-    employmentTypes,
-  } = job;
-
-  const renderContent = (
-    <Stack component={Card} spacing={3} sx={{ p: 3 }}>
-      <Typography variant="h4">{title}</Typography>
-
-      <Markdown children={content} />
-
-      <Stack spacing={2}>
-        <Typography variant="h6">Skills</Typography>
-        <Stack direction="row" alignItems="center" spacing={1}>
-          {skills.map((skill) => (
-            <Chip key={skill} label={skill} variant="soft" />
-          ))}
-        </Stack>
-      </Stack>
-
-      <Stack spacing={2}>
-        <Typography variant="h6">Benefits</Typography>
-        <Stack direction="row" alignItems="center" spacing={1}>
-          {benefits.map((benefit) => (
-            <Chip key={benefit} label={benefit} variant="soft" />
-          ))}
-        </Stack>
-      </Stack>
-    </Stack>
-  );
-
-  const renderOverview = (
-    <Stack component={Card} spacing={2} sx={{ p: 3 }}>
-      {[
-        {
-          label: 'Date Posted',
-          value: fDate(createdAt),
-          icon: <Iconify icon="solar:calendar-date-bold" />,
-        },
-        {
-          label: 'Expiration date',
-          value: fDate(expiredDate),
-          icon: <Iconify icon="solar:calendar-date-bold" />,
-        },
-        {
-          label: 'Employment type',
-          value: employmentTypes,
-          icon: <Iconify icon="solar:clock-circle-bold" />,
-        },
-        {
-          label: 'Offered salary',
-          value: salary.negotiable ? 'Negotiable' : fCurrency(salary.price),
-          icon: <Iconify icon="solar:wad-of-money-bold" />,
-        },
-        {
-          label: 'Experience',
-          value: experience,
-          icon: <Iconify icon="carbon:skill-level-basic" />,
-        },
-      ].map((item) => (
-        <Stack key={item.label} spacing={1.5} direction="row">
-          {item.icon}
-          <ListItemText
-            primary={item.label}
-            secondary={item.value}
-            primaryTypographyProps={{
-              typography: 'body2',
-              color: 'text.secondary',
-              mb: 0.5,
-            }}
-            secondaryTypographyProps={{
-              typography: 'subtitle2',
-              color: 'text.primary',
-              component: 'span',
-            }}
-          />
-        </Stack>
-      ))}
-    </Stack>
-  );
-
-  const renderCompany = (
-    <Stack
-      component={Paper}
-      variant="outlined"
-      spacing={2}
-      direction="row"
-      sx={{ p: 3, borderRadius: 2, mt: 3 }}
-    >
-      <Avatar
-        alt={job.company.name}
-        src={job.company.logo}
-        variant="rounded"
-        sx={{ width: 64, height: 64 }}
-      />
-
-      <Stack spacing={1}>
-        <Typography variant="subtitle1">{job.company.name}</Typography>
-        <Typography variant="body2">{job.company.fullAddress}</Typography>
-        <Typography variant="body2">{job.company.phoneNumber}</Typography>
-      </Stack>
-    </Stack>
-  );
-
-  return (
-    <Grid container spacing={3}>
-      <Grid xs={12} md={8}>
-        {renderContent}
-      </Grid>
-
-      <Grid xs={12} md={4}>
-        {renderOverview}
-
-        {renderCompany}
-      </Grid>
-    </Grid>
-  );
-}
-
-JobDetailsContent.propTypes = {
-  job: PropTypes.object,
-};

package/minimal/src/sections/job/job-details-toolbar.jsx

@@ -1,111 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Box from '@mui/material/Box';
-import Stack from '@mui/material/Stack';
-import Button from '@mui/material/Button';
-import Tooltip from '@mui/material/Tooltip';
-import MenuItem from '@mui/material/MenuItem';
-import IconButton from '@mui/material/IconButton';
-import LoadingButton from '@mui/lab/LoadingButton';
-
-import { RouterLink } from 'src/routes/components';
-
-import Iconify from 'src/components/iconify';
-import CustomPopover, { usePopover } from 'src/components/custom-popover';
-
-// ----------------------------------------------------------------------
-
-export default function JobDetailsToolbar({
-  publish,
-  backLink,
-  editLink,
-  liveLink,
-  publishOptions,
-  onChangePublish,
-  sx,
-  ...other
-}) {
-  const popover = usePopover();
-
-  return (
-    <>
-      <Stack
-        spacing={1.5}
-        direction="row"
-        sx={{
-          mb: { xs: 3, md: 5 },
-          ...sx,
-        }}
-        {...other}
-      >
-        <Button
-          component={RouterLink}
-          href={backLink}
-          startIcon={<Iconify icon="eva:arrow-ios-back-fill" width={16} />}
-        >
-          Back
-        </Button>
-
-        <Box sx={{ flexGrow: 1 }} />
-
-        {publish === 'published' && (
-          <Tooltip title="Go Live">
-            <IconButton component={RouterLink} href={liveLink}>
-              <Iconify icon="eva:external-link-fill" />
-            </IconButton>
-          </Tooltip>
-        )}
-
-        <Tooltip title="Edit">
-          <IconButton component={RouterLink} href={editLink}>
-            <Iconify icon="solar:pen-bold" />
-          </IconButton>
-        </Tooltip>
-
-        <LoadingButton
-          color="inherit"
-          variant="contained"
-          loading={!publish}
-          loadingIndicator="Loading…"
-          endIcon={<Iconify icon="eva:arrow-ios-downward-fill" />}
-          onClick={popover.onOpen}
-          sx={{ textTransform: 'capitalize' }}
-        >
-          {publish}
-        </LoadingButton>
-      </Stack>
-
-      <CustomPopover
-        open={popover.open}
-        onClose={popover.onClose}
-        arrow="top-right"
-        sx={{ width: 140 }}
-      >
-        {publishOptions.map((option) => (
-          <MenuItem
-            key={option.value}
-            selected={option.value === publish}
-            onClick={() => {
-              popover.onClose();
-              onChangePublish(option.value);
-            }}
-          >
-            {option.value === 'published' && <Iconify icon="eva:cloud-upload-fill" />}
-            {option.value === 'draft' && <Iconify icon="solar:file-text-bold" />}
-            {option.label}
-          </MenuItem>
-        ))}
-      </CustomPopover>
-    </>
-  );
-}
-
-JobDetailsToolbar.propTypes = {
-  backLink: PropTypes.string,
-  editLink: PropTypes.string,
-  liveLink: PropTypes.string,
-  onChangePublish: PropTypes.func,
-  publish: PropTypes.string,
-  publishOptions: PropTypes.array,
-  sx: PropTypes.object,
-};

package/minimal/src/sections/job/job-filters-result.jsx

@@ -1,165 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Box from '@mui/material/Box';
-import Chip from '@mui/material/Chip';
-import Paper from '@mui/material/Paper';
-import Stack from '@mui/material/Stack';
-import Button from '@mui/material/Button';
-
-import Iconify from 'src/components/iconify';
-
-// ----------------------------------------------------------------------
-
-export default function JobFiltersResult({
-  filters,
-  onFilters,
-  //
-  canReset,
-  onResetFilters,
-  //
-  results,
-  ...other
-}) {
-  const handleRemoveEmploymentTypes = (inputValue) => {
-    const newValue = filters.employmentTypes.filter((item) => item !== inputValue);
-    onFilters('employmentTypes', newValue);
-  };
-
-  const handleRemoveExperience = () => {
-    onFilters('experience', 'all');
-  };
-
-  const handleRemoveRoles = (inputValue) => {
-    const newValue = filters.roles.filter((item) => item !== inputValue);
-    onFilters('role', newValue);
-  };
-
-  const handleRemoveLocations = (inputValue) => {
-    const newValue = filters.locations.filter((item) => item !== inputValue);
-    onFilters('locations', newValue);
-  };
-
-  const handleRemoveBenefits = (inputValue) => {
-    const newValue = filters.benefits.filter((item) => item !== inputValue);
-    onFilters('benefits', newValue);
-  };
-
-  return (
-    <Stack spacing={1.5} {...other}>
-      <Box sx={{ typography: 'body2' }}>
-        <strong>{results}</strong>
-        <Box component="span" sx={{ color: 'text.secondary', ml: 0.25 }}>
-          results found
-        </Box>
-      </Box>
-
-      <Stack flexGrow={1} spacing={1} direction="row" flexWrap="wrap" alignItems="center">
-        {!!filters.employmentTypes.length && (
-          <Block label="Employment Types:">
-            {filters.employmentTypes.map((item) => (
-              <Chip
-                key={item}
-                label={item}
-                size="small"
-                onDelete={() => handleRemoveEmploymentTypes(item)}
-              />
-            ))}
-          </Block>
-        )}
-
-        {filters.experience !== 'all' && (
-          <Block label="Experience:">
-            <Chip size="small" label={filters.experience} onDelete={handleRemoveExperience} />
-          </Block>
-        )}
-
-        {!!filters.roles.length && (
-          <Block label="Roles:">
-            {filters.roles.map((item) => (
-              <Chip key={item} label={item} size="small" onDelete={() => handleRemoveRoles(item)} />
-            ))}
-          </Block>
-        )}
-
-        {!!filters.locations.length && (
-          <Block label="Locations:">
-            {filters.locations.map((item) => (
-              <Chip
-                key={item}
-                label={item}
-                size="small"
-                onDelete={() => handleRemoveLocations(item)}
-              />
-            ))}
-          </Block>
-        )}
-
-        {!!filters.benefits.length && (
-          <Block label="Benefits:">
-            {filters.benefits.map((item) => (
-              <Chip
-                key={item}
-                label={item}
-                size="small"
-                onDelete={() => handleRemoveBenefits(item)}
-              />
-            ))}
-          </Block>
-        )}
-
-        {canReset && (
-          <Button
-            color="error"
-            onClick={onResetFilters}
-            startIcon={<Iconify icon="solar:trash-bin-trash-bold" />}
-          >
-            Clear
-          </Button>
-        )}
-      </Stack>
-    </Stack>
-  );
-}
-
-JobFiltersResult.propTypes = {
-  canReset: PropTypes.bool,
-  filters: PropTypes.object,
-  onFilters: PropTypes.func,
-  onResetFilters: PropTypes.func,
-  results: PropTypes.number,
-};
-
-// ----------------------------------------------------------------------
-
-function Block({ label, children, sx, ...other }) {
-  return (
-    <Stack
-      component={Paper}
-      variant="outlined"
-      spacing={1}
-      direction="row"
-      sx={{
-        p: 1,
-        borderRadius: 1,
-        overflow: 'hidden',
-        borderStyle: 'dashed',
-        ...sx,
-      }}
-      {...other}
-    >
-      <Box component="span" sx={{ typography: 'subtitle2' }}>
-        {label}
-      </Box>
-
-      <Stack spacing={1} direction="row" flexWrap="wrap">
-        {children}
-      </Stack>
-    </Stack>
-  );
-}
-
-Block.propTypes = {
-  children: PropTypes.node,
-  label: PropTypes.string,
-  sx: PropTypes.object,
-};