@canmingir/link 1.1.7 → 1.2.0

package/minimal/src/sections/auth-demo/modern/modern-verify-view.jsx

@@ -1,122 +0,0 @@
-import * as Yup from 'yup';
-import { useForm } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-
-import Link from '@mui/material/Link';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import LoadingButton from '@mui/lab/LoadingButton';
-
-import { paths } from 'src/routes/paths';
-import { RouterLink } from 'src/routes/components';
-
-import { EmailInboxIcon } from 'src/assets/icons';
-
-import Iconify from 'src/components/iconify';
-import FormProvider, { RHFCode, RHFTextField } from 'src/components/hook-form';
-
-// ----------------------------------------------------------------------
-
-export default function ModernVerifyView() {
-  const VerifySchema = Yup.object().shape({
-    code: Yup.string().min(6, 'Code must be at least 6 characters').required('Code is required'),
-    email: Yup.string().required('Email is required').email('Email must be a valid email address'),
-  });
-
-  const defaultValues = {
-    code: '',
-    email: '',
-  };
-
-  const methods = useForm({
-    mode: 'onChange',
-    resolver: yupResolver(VerifySchema),
-    defaultValues,
-  });
-
-  const {
-    handleSubmit,
-    formState: { isSubmitting },
-  } = methods;
-
-  const onSubmit = handleSubmit(async (data) => {
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 500));
-      console.info('DATA', data);
-    } catch (error) {
-      console.error(error);
-    }
-  });
-
-  const renderForm = (
-    <Stack spacing={3} alignItems="center">
-      <RHFTextField
-        name="email"
-        label="Email"
-        placeholder="example@gmail.com"
-        InputLabelProps={{ shrink: true }}
-      />
-
-      <RHFCode name="code" />
-
-      <LoadingButton
-        fullWidth
-        size="large"
-        type="submit"
-        variant="contained"
-        loading={isSubmitting}
-      >
-        Verify
-      </LoadingButton>
-
-      <Typography variant="body2">
-        {`Don’t have a code? `}
-        <Link
-          variant="subtitle2"
-          sx={{
-            cursor: 'pointer',
-          }}
-        >
-          Resend code
-        </Link>
-      </Typography>
-
-      <Link
-        component={RouterLink}
-        href={paths.authDemo.classic.login}
-        color="inherit"
-        variant="subtitle2"
-        sx={{
-          alignItems: 'center',
-          display: 'inline-flex',
-        }}
-      >
-        <Iconify icon="eva:arrow-ios-back-fill" width={16} />
-        Return to sign in
-      </Link>
-    </Stack>
-  );
-
-  const renderHead = (
-    <>
-      <EmailInboxIcon sx={{ height: 96 }} />
-
-      <Stack spacing={1} sx={{ my: 5 }}>
-        <Typography variant="h3">Please check your email!</Typography>
-
-        <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-          We have emailed a 6-digit confirmation code to acb@domain, please enter the code in below
-          box to verify your email.
-        </Typography>
-      </Stack>
-    </>
-  );
-
-  return (
-    <FormProvider methods={methods} onSubmit={onSubmit}>
-      {renderHead}
-
-      {renderForm}
-    </FormProvider>
-  );
-}

package/minimal/src/sections/blank/view.jsx

@@ -1,29 +0,0 @@
-import Box from '@mui/material/Box';
-import { alpha } from '@mui/material/styles';
-import Container from '@mui/material/Container';
-import Typography from '@mui/material/Typography';
-
-import { useSettingsContext } from 'src/components/settings';
-
-// ----------------------------------------------------------------------
-
-export default function BlankView() {
-  const settings = useSettingsContext();
-
-  return (
-    <Container maxWidth={settings.themeStretch ? false : 'xl'}>
-      <Typography variant="h4"> Blank </Typography>
-
-      <Box
-        sx={{
-          mt: 5,
-          width: 1,
-          height: 320,
-          borderRadius: 2,
-          bgcolor: (theme) => alpha(theme.palette.grey[500], 0.04),
-          border: (theme) => `dashed 1px ${theme.palette.divider}`,
-        }}
-      />
-    </Container>
-  );
-}

package/minimal/src/sections/blog/post-comment-form.jsx

@@ -1,80 +0,0 @@
-import * as Yup from 'yup';
-import { useForm } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-
-import Stack from '@mui/material/Stack';
-import IconButton from '@mui/material/IconButton';
-import LoadingButton from '@mui/lab/LoadingButton';
-
-import Iconify from 'src/components/iconify';
-import FormProvider, { RHFTextField } from 'src/components/hook-form';
-
-// ----------------------------------------------------------------------
-
-export default function PostCommentForm() {
-  const CommentSchema = Yup.object().shape({
-    comment: Yup.string().required('Comment is required'),
-    name: Yup.string().required('Name is required'),
-    email: Yup.string().required('Email is required').email('Email must be a valid email address'),
-  });
-
-  const defaultValues = {
-    comment: '',
-    name: '',
-    email: '',
-  };
-
-  const methods = useForm({
-    resolver: yupResolver(CommentSchema),
-    defaultValues,
-  });
-
-  const {
-    reset,
-    handleSubmit,
-    formState: { isSubmitting },
-  } = methods;
-
-  const onSubmit = handleSubmit(async (data) => {
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 500));
-      reset();
-      console.info('DATA', data);
-    } catch (error) {
-      console.error(error);
-    }
-  });
-
-  return (
-    <FormProvider methods={methods} onSubmit={onSubmit}>
-      <Stack spacing={3}>
-        <RHFTextField
-          name="comment"
-          placeholder="Write some of your comments..."
-          multiline
-          rows={4}
-        />
-
-        <Stack direction="row" alignItems="center">
-          <Stack direction="row" alignItems="center" flexGrow={1}>
-            <IconButton>
-              <Iconify icon="solar:gallery-add-bold" />
-            </IconButton>
-
-            <IconButton>
-              <Iconify icon="eva:attach-2-fill" />
-            </IconButton>
-
-            <IconButton>
-              <Iconify icon="eva:smiling-face-fill" />
-            </IconButton>
-          </Stack>
-
-          <LoadingButton type="submit" variant="contained" loading={isSubmitting}>
-            Post comment
-          </LoadingButton>
-        </Stack>
-      </Stack>
-    </FormProvider>
-  );
-}

package/minimal/src/sections/blog/post-comment-item.jsx

@@ -1,88 +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 Avatar from '@mui/material/Avatar';
-import ListItem from '@mui/material/ListItem';
-import TextField from '@mui/material/TextField';
-import Typography from '@mui/material/Typography';
-
-import { useBoolean } from 'src/hooks/use-boolean';
-
-import { fDate } from 'src/utils/format-time';
-
-import Iconify from 'src/components/iconify';
-
-// ----------------------------------------------------------------------
-
-export default function PostCommentItem({ name, avatarUrl, message, tagUser, postedAt, hasReply }) {
-  const reply = useBoolean();
-
-  return (
-    <ListItem
-      sx={{
-        p: 0,
-        pt: 3,
-        alignItems: 'flex-start',
-        ...(hasReply && {
-          pl: 8,
-        }),
-      }}
-    >
-      <Avatar alt={name} src={avatarUrl} sx={{ mr: 2, width: 48, height: 48 }} />
-
-      <Stack
-        flexGrow={1}
-        sx={{
-          pb: 3,
-          borderBottom: (theme) => `solid 1px ${theme.palette.divider}`,
-        }}
-      >
-        <Typography variant="subtitle2" sx={{ mb: 0.5 }}>
-          {name}
-        </Typography>
-
-        <Typography variant="caption" sx={{ color: 'text.disabled' }}>
-          {fDate(postedAt)}
-        </Typography>
-
-        <Typography variant="body2" sx={{ mt: 1 }}>
-          {tagUser && (
-            <Box component="strong" sx={{ mr: 0.5 }}>
-              @{tagUser}
-            </Box>
-          )}
-          {message}
-        </Typography>
-
-        {reply.value && (
-          <Box sx={{ mt: 2 }}>
-            <TextField fullWidth autoFocus placeholder="Write comment..." />
-          </Box>
-        )}
-      </Stack>
-
-      {!hasReply && (
-        <Button
-          size="small"
-          color={reply.value ? 'primary' : 'inherit'}
-          startIcon={<Iconify icon="solar:pen-bold" width={16} />}
-          onClick={reply.onToggle}
-          sx={{ right: 0, position: 'absolute' }}
-        >
-          Reply
-        </Button>
-      )}
-    </ListItem>
-  );
-}
-
-PostCommentItem.propTypes = {
-  avatarUrl: PropTypes.string,
-  hasReply: PropTypes.bool,
-  message: PropTypes.string,
-  name: PropTypes.string,
-  postedAt: PropTypes.string,
-  tagUser: PropTypes.string,
-};

package/minimal/src/sections/blog/post-comment-list.jsx

@@ -1,55 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Box from '@mui/material/Box';
-import Pagination from '@mui/material/Pagination';
-
-import PostCommentItem from './post-comment-item';
-
-// ----------------------------------------------------------------------
-
-export default function PostCommentList({ comments }) {
-  return (
-    <>
-      <>
-        {comments.map((comment) => {
-          const { id, replyComment, name, users, message, avatarUrl, postedAt } = comment;
-
-          const hasReply = !!replyComment.length;
-
-          return (
-            <Box key={id}>
-              <PostCommentItem
-                name={name}
-                message={message}
-                postedAt={postedAt}
-                avatarUrl={avatarUrl}
-              />
-              {hasReply &&
-                replyComment.map((reply) => {
-                  const userReply = users.find((user) => user.id === reply.userId);
-
-                  return (
-                    <PostCommentItem
-                      key={reply.id}
-                      name={userReply?.name || ''}
-                      message={reply.message}
-                      postedAt={reply.postedAt}
-                      avatarUrl={userReply?.avatarUrl || ''}
-                      tagUser={reply.tagUser}
-                      hasReply
-                    />
-                  );
-                })}
-            </Box>
-          );
-        })}
-      </>
-
-      <Pagination count={8} sx={{ my: 5, mx: 'auto' }} />
-    </>
-  );
-}
-
-PostCommentList.propTypes = {
-  comments: PropTypes.array,
-};

package/minimal/src/sections/blog/post-details-hero.jsx

@@ -1,124 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Box from '@mui/material/Box';
-import Stack from '@mui/material/Stack';
-import Avatar from '@mui/material/Avatar';
-import Container from '@mui/material/Container';
-import SpeedDial from '@mui/material/SpeedDial';
-import Typography from '@mui/material/Typography';
-import ListItemText from '@mui/material/ListItemText';
-import { alpha, useTheme } from '@mui/material/styles';
-import SpeedDialAction from '@mui/material/SpeedDialAction';
-
-import { useResponsive } from 'src/hooks/use-responsive';
-
-import { fDate } from 'src/utils/format-time';
-
-import { _socials } from 'src/_mock';
-import { bgGradient } from 'src/theme/css';
-
-import Iconify from 'src/components/iconify';
-
-// ----------------------------------------------------------------------
-
-export default function PostDetailsHero({ title, author, coverUrl, createdAt }) {
-  const theme = useTheme();
-
-  const smUp = useResponsive('up', 'sm');
-
-  return (
-    <Box
-      sx={{
-        height: 480,
-        overflow: 'hidden',
-        ...bgGradient({
-          imgUrl: coverUrl,
-          startColor: `${alpha(theme.palette.grey[900], 0.64)} 0%`,
-          endColor: `${alpha(theme.palette.grey[900], 0.64)} 100%`,
-        }),
-      }}
-    >
-      <Container sx={{ height: 1, position: 'relative' }}>
-        <Typography
-          variant="h3"
-          component="h1"
-          sx={{
-            zIndex: 9,
-            color: 'common.white',
-            position: 'absolute',
-            maxWidth: 480,
-            pt: { xs: 2, md: 8 },
-          }}
-        >
-          {title}
-        </Typography>
-
-        <Stack
-          sx={{
-            left: 0,
-            width: 1,
-            bottom: 0,
-            position: 'absolute',
-          }}
-        >
-          {author && createdAt && (
-            <Stack
-              direction="row"
-              alignItems="center"
-              sx={{
-                px: { xs: 2, md: 3 },
-                pb: { xs: 3, md: 8 },
-              }}
-            >
-              <Avatar
-                alt={author.name}
-                src={author.avatarUrl}
-                sx={{ width: 64, height: 64, mr: 2 }}
-              />
-
-              <ListItemText
-                sx={{ color: 'common.white' }}
-                primary={author.name}
-                secondary={fDate(createdAt)}
-                primaryTypographyProps={{ typography: 'subtitle1', mb: 0.5 }}
-                secondaryTypographyProps={{
-                  color: 'inherit',
-                  sx: { opacity: 0.64 },
-                }}
-              />
-            </Stack>
-          )}
-
-          <SpeedDial
-            direction={smUp ? 'left' : 'up'}
-            ariaLabel="Share post"
-            icon={<Iconify icon="solar:share-bold" />}
-            FabProps={{ size: 'medium' }}
-            sx={{
-              position: 'absolute',
-              bottom: { xs: 32, md: 64 },
-              right: { xs: 16, md: 24 },
-            }}
-          >
-            {_socials.map((action) => (
-              <SpeedDialAction
-                key={action.name}
-                icon={<Iconify icon={action.icon} sx={{ color: action.color }} />}
-                tooltipTitle={action.name}
-                tooltipPlacement="top"
-                FabProps={{ color: 'default' }}
-              />
-            ))}
-          </SpeedDial>
-        </Stack>
-      </Container>
-    </Box>
-  );
-}
-
-PostDetailsHero.propTypes = {
-  author: PropTypes.object,
-  coverUrl: PropTypes.string,
-  createdAt: PropTypes.string,
-  title: PropTypes.string,
-};

package/minimal/src/sections/blog/post-details-preview.jsx

@@ -1,96 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Stack from '@mui/material/Stack';
-import Button from '@mui/material/Button';
-import Dialog from '@mui/material/Dialog';
-import Divider from '@mui/material/Divider';
-import Container from '@mui/material/Container';
-import Typography from '@mui/material/Typography';
-import LoadingButton from '@mui/lab/LoadingButton';
-import DialogActions from '@mui/material/DialogActions';
-
-import Markdown from 'src/components/markdown';
-import Scrollbar from 'src/components/scrollbar';
-import EmptyContent from 'src/components/empty-content';
-
-import PostDetailsHero from './post-details-hero';
-
-// ----------------------------------------------------------------------
-
-export default function PostDetailsPreview({
-  title,
-  coverUrl,
-  content,
-  description,
-  //
-  open,
-  isValid,
-  onClose,
-  onSubmit,
-  isSubmitting,
-}) {
-  const hasContent = title || description || content || coverUrl;
-
-  const hasHero = title || coverUrl;
-
-  return (
-    <Dialog fullScreen open={open} onClose={onClose}>
-      <DialogActions sx={{ py: 2, px: 3 }}>
-        <Typography variant="h6" sx={{ flexGrow: 1 }}>
-          Preview
-        </Typography>
-
-        <Button variant="outlined" color="inherit" onClick={onClose}>
-          Cancel
-        </Button>
-
-        <LoadingButton
-          type="submit"
-          variant="contained"
-          disabled={!isValid}
-          loading={isSubmitting}
-          onClick={onSubmit}
-        >
-          Post
-        </LoadingButton>
-      </DialogActions>
-
-      <Divider />
-
-      {hasContent ? (
-        <Scrollbar>
-          {hasHero && <PostDetailsHero title={title} coverUrl={coverUrl} />}
-
-          <Container sx={{ mt: 5, mb: 10 }}>
-            <Stack
-              sx={{
-                maxWidth: 720,
-                mx: 'auto',
-              }}
-            >
-              <Typography variant="h6" sx={{ mb: 5 }}>
-                {description}
-              </Typography>
-
-              <Markdown children={content} />
-            </Stack>
-          </Container>
-        </Scrollbar>
-      ) : (
-        <EmptyContent filled title="Empty Content!" />
-      )}
-    </Dialog>
-  );
-}
-
-PostDetailsPreview.propTypes = {
-  content: PropTypes.string,
-  coverUrl: PropTypes.string,
-  description: PropTypes.string,
-  isSubmitting: PropTypes.bool,
-  isValid: PropTypes.bool,
-  onClose: PropTypes.func,
-  onSubmit: PropTypes.func,
-  open: PropTypes.bool,
-  title: PropTypes.string,
-};