@campxdev/shared 1.10.18 → 1.10.19

package/src/components/MyProfile/Workshop/WorkshopData.tsx

@@ -1,36 +1,36 @@
-/* eslint-disable react/jsx-key */
-
-import { Typography } from '@mui/material'
-import ActionButton from '../../ActionButton'
-import { DrawerButton } from '../../ModalButtons'
-import { StyledBoxCard, StyledBoxContainer } from './Styles'
-import WorkshopCard from './WorkshopCard'
-import { WorkshopForm } from './WorkshopForm'
-
-const WorkshopData = ({ title, workshop }) => {
-  return (
-    <>
-      <StyledBoxContainer>
-        <Typography variant="h3">Workshops - {title}</Typography>
-        <DrawerButton
-          anchor={({ open }) => (
-            <ActionButton onClick={open} variant="text">
-              +Add Workshop
-            </ActionButton>
-          )}
-          content={({ close }) => (
-            <WorkshopForm data={null} hideDialog={close} />
-          )}
-          title="Add Workshops"
-        />
-      </StyledBoxContainer>
-      <StyledBoxCard>
-        {workshop.map((item) => (
-          <WorkshopCard data={item} />
-        ))}
-      </StyledBoxCard>
-    </>
-  )
-}
-
-export default WorkshopData
+/* eslint-disable react/jsx-key */
+
+import { Typography } from '@mui/material'
+import ActionButton from '../../ActionButton'
+import { DrawerButton } from '../../ModalButtons'
+import { StyledBoxCard, StyledBoxContainer } from './Styles'
+import WorkshopCard from './WorkshopCard'
+import { WorkshopForm } from './WorkshopForm'
+
+const WorkshopData = ({ title, workshop }) => {
+  return (
+    <>
+      <StyledBoxContainer>
+        <Typography variant="h3">Workshops - {title}</Typography>
+        <DrawerButton
+          anchor={({ open }) => (
+            <ActionButton onClick={open} variant="text">
+              +Add Workshop
+            </ActionButton>
+          )}
+          content={({ close }) => (
+            <WorkshopForm data={null} hideDialog={close} />
+          )}
+          title="Add Workshops"
+        />
+      </StyledBoxContainer>
+      <StyledBoxCard>
+        {workshop.map((item) => (
+          <WorkshopCard data={item} />
+        ))}
+      </StyledBoxCard>
+    </>
+  )
+}
+
+export default WorkshopData

package/src/components/MyProfile/Workshop/WorkshopForm.tsx

@@ -1,202 +1,202 @@
-/* eslint-disable react/jsx-key */
-/* eslint-disable no-console */
-import { yupResolver } from '@hookform/resolvers/yup'
-import { Stack } from '@mui/material'
-import moment from 'moment'
-import { useEffect, useState } from 'react'
-import { useForm } from 'react-hook-form'
-import { useMutation, useQueryClient } from 'react-query'
-import { toast } from 'react-toastify'
-import * as yup from 'yup'
-import axios, { axiosErrorToast } from '../../../config/axios'
-import ActionButton from '../../ActionButton'
-import { FormDatePicker, FormTextField } from '../../HookForm'
-import ImageUpload from '../../ImageUpload'
-import { RadioGroup } from '../../Input'
-import MediaRow from '../../MediaRow/MediaRow'
-import { Media } from '../../UploadButton/types'
-import FileUpload from '../FileUpload'
-import { createUpdateWorkshop } from '../service'
-const workshopsSelect = [
-  {
-    label: 'Attended',
-    value: 'attended',
-  },
-  {
-    label: 'Organized',
-    value: 'organized',
-  },
-]
-
-const schema = yup.object().shape({
-  title: yup.string().required('Title is required'),
-  organization: yup.string().required('Organization is required'),
-  stream: yup.string().required('Stream is required'),
-  program: yup.string().required('Program is required'),
-  fromDate: yup.string().required('From Date is required'),
-  toDate: yup.string().required('To Date is required'),
-})
-
-export const WorkshopForm = ({ data, hideDialog }) => {
-  const [media, setMedia] = useState<Media[]>([])
-
-  const [selectedWorkshop, setSelectedWorkshop] = useState(
-    data && data?.organized ? 'organized' : 'attended',
-  )
-  const [resource, setResource] = useState(data?.attachments || [])
-
-  const queryClient = useQueryClient()
-  const { control, handleSubmit } = useForm({
-    resolver: yupResolver(schema),
-    defaultValues: {
-      ...data,
-      fromDate: data ? moment(data.fromDate).toISOString() : '',
-      toDate: data ? moment(data.toDate).toISOString() : '',
-      image: [{ key: data?.image?.key, url: data?.image?.url }] ?? [],
-    },
-  })
-  const { mutate, isLoading } = useMutation(createUpdateWorkshop, {
-    onSuccess: () => {
-      toast.success(data ? 'Workshop Updated' : 'Workshop Added')
-      queryClient.invalidateQueries('dashboard')
-      hideDialog()
-    },
-    onError: (err) => {
-      console.log(err)
-      axiosErrorToast(err)
-    },
-  })
-  useEffect(() => {
-    data && data?.image?.url
-      ? setMedia([
-          {
-            key: data?.image?.key,
-            url: data?.image?.url,
-            type: data?.image?.mediaType,
-          },
-        ])
-      : setMedia([])
-  }, [data])
-  const onSubmit = (formData) => {
-    const postBody = {
-      ...formData,
-      organized: selectedWorkshop === 'organized',
-      fromDate: moment(formData?.fromDate).format('YYYY-MM-DD'),
-      toDate: moment(formData.toDate).format('YYYY-MM-DD'),
-      image: media[0]?.key || null,
-      attachments: resource.map((file) => file.key),
-    }
-    mutate(postBody)
-  }
-  const onError = (error) => {
-    console.log(error)
-  }
-  const handleFileInput = (e) => {
-    let filesData = e.target.files
-    let fileArray = Object.keys(filesData)
-    fileArray.forEach(async (file) => {
-      const fileData = new FormData()
-      fileData.append('file', filesData[file])
-      const originalFileName = filesData[file].name
-
-      try {
-        let fileKey = await axios.post(`/square/workshops/attachment`, fileData)
-        setResource([
-          ...resource,
-          {
-            originalFileName: originalFileName,
-            key: fileKey?.data?.key,
-          },
-        ])
-      } catch (error) {
-        console.log(error)
-      }
-    })
-  }
-  const onDelete = (fileKey) => {
-    setResource(resource?.filter((item) => item.key !== fileKey))
-  }
-  const handleImageChange = (v) => {
-    setMedia([{ type: 'image', url: v.url, key: v.key }])
-  }
-  const handleDeleteImage = (key) => {
-    setMedia((prev) => prev.filter((m) => m.key !== key))
-  }
-  return (
-    <form onSubmit={handleSubmit(onSubmit, onError)}>
-      <Stack gap={2.5}>
-        <>
-          {!media.length ? (
-            <ImageUpload
-              onFileUploaded={handleImageChange}
-              postUrl="/square/workshops/image"
-            />
-          ) : (
-            <MediaRow list={media} onDelete={handleDeleteImage} />
-          )}
-          <RadioGroup
-            row
-            label="Workshop"
-            name="organized"
-            required
-            value={selectedWorkshop}
-            options={workshopsSelect.map((item) => ({
-              label: item?.label,
-              value: item?.value,
-            }))}
-            onChange={(e) => setSelectedWorkshop(e.target.value)}
-          />
-          <FormTextField
-            control={control}
-            name="title"
-            label="Title"
-            required
-          />
-          <FormTextField
-            control={control}
-            name="organization"
-            label="Organization"
-            required
-          />
-          <FormDatePicker
-            control={control}
-            name="fromDate"
-            label="From Date"
-            required
-          />
-          <FormDatePicker
-            control={control}
-            name="toDate"
-            label="To Date"
-            required
-          />
-          <FormTextField
-            control={control}
-            name="stream"
-            label="Stream"
-            required
-          />
-          <FormTextField
-            control={control}
-            name="program"
-            label="Program"
-            required
-          />
-          <FileUpload
-            handleFileInput={handleFileInput}
-            onDelete={onDelete}
-            resource={resource}
-          />
-        </>
-      </Stack>
-      <Stack direction="row" gap={2} mt={2}>
-        <ActionButton type="submit" fullWidth loading={isLoading}>
-          {data ? 'Update Workshop' : 'Add Workshop'}
-        </ActionButton>
-        <ActionButton variant="outlined" fullWidth onClick={() => hideDialog()}>
-          Cancel
-        </ActionButton>
-      </Stack>
-    </form>
-  )
-}
+/* eslint-disable react/jsx-key */
+/* eslint-disable no-console */
+import { yupResolver } from '@hookform/resolvers/yup'
+import { Stack } from '@mui/material'
+import moment from 'moment'
+import { useEffect, useState } from 'react'
+import { useForm } from 'react-hook-form'
+import { useMutation, useQueryClient } from 'react-query'
+import { toast } from 'react-toastify'
+import * as yup from 'yup'
+import axios, { axiosErrorToast } from '../../../config/axios'
+import ActionButton from '../../ActionButton'
+import { FormDatePicker, FormTextField } from '../../HookForm'
+import ImageUpload from '../../ImageUpload'
+import { RadioGroup } from '../../Input'
+import MediaRow from '../../MediaRow/MediaRow'
+import { Media } from '../../UploadButton/types'
+import FileUpload from '../FileUpload'
+import { createUpdateWorkshop } from '../service'
+const workshopsSelect = [
+  {
+    label: 'Attended',
+    value: 'attended',
+  },
+  {
+    label: 'Organized',
+    value: 'organized',
+  },
+]
+
+const schema = yup.object().shape({
+  title: yup.string().required('Title is required'),
+  organization: yup.string().required('Organization is required'),
+  stream: yup.string().required('Stream is required'),
+  program: yup.string().required('Program is required'),
+  fromDate: yup.string().required('From Date is required'),
+  toDate: yup.string().required('To Date is required'),
+})
+
+export const WorkshopForm = ({ data, hideDialog }) => {
+  const [media, setMedia] = useState<Media[]>([])
+
+  const [selectedWorkshop, setSelectedWorkshop] = useState(
+    data && data?.organized ? 'organized' : 'attended',
+  )
+  const [resource, setResource] = useState(data?.attachments || [])
+
+  const queryClient = useQueryClient()
+  const { control, handleSubmit } = useForm({
+    resolver: yupResolver(schema),
+    defaultValues: {
+      ...data,
+      fromDate: data ? moment(data.fromDate).toISOString() : '',
+      toDate: data ? moment(data.toDate).toISOString() : '',
+      image: [{ key: data?.image?.key, url: data?.image?.url }] ?? [],
+    },
+  })
+  const { mutate, isLoading } = useMutation(createUpdateWorkshop, {
+    onSuccess: () => {
+      toast.success(data ? 'Workshop Updated' : 'Workshop Added')
+      queryClient.invalidateQueries('dashboard')
+      hideDialog()
+    },
+    onError: (err) => {
+      console.log(err)
+      axiosErrorToast(err)
+    },
+  })
+  useEffect(() => {
+    data && data?.image?.url
+      ? setMedia([
+          {
+            key: data?.image?.key,
+            url: data?.image?.url,
+            type: data?.image?.mediaType,
+          },
+        ])
+      : setMedia([])
+  }, [data])
+  const onSubmit = (formData) => {
+    const postBody = {
+      ...formData,
+      organized: selectedWorkshop === 'organized',
+      fromDate: moment(formData?.fromDate).format('YYYY-MM-DD'),
+      toDate: moment(formData.toDate).format('YYYY-MM-DD'),
+      image: media[0]?.key || null,
+      attachments: resource.map((file) => file.key),
+    }
+    mutate(postBody)
+  }
+  const onError = (error) => {
+    console.log(error)
+  }
+  const handleFileInput = (e) => {
+    let filesData = e.target.files
+    let fileArray = Object.keys(filesData)
+    fileArray.forEach(async (file) => {
+      const fileData = new FormData()
+      fileData.append('file', filesData[file])
+      const originalFileName = filesData[file].name
+
+      try {
+        let fileKey = await axios.post(`/square/workshops/attachment`, fileData)
+        setResource([
+          ...resource,
+          {
+            originalFileName: originalFileName,
+            key: fileKey?.data?.key,
+          },
+        ])
+      } catch (error) {
+        console.log(error)
+      }
+    })
+  }
+  const onDelete = (fileKey) => {
+    setResource(resource?.filter((item) => item.key !== fileKey))
+  }
+  const handleImageChange = (v) => {
+    setMedia([{ type: 'image', url: v.url, key: v.key }])
+  }
+  const handleDeleteImage = (key) => {
+    setMedia((prev) => prev.filter((m) => m.key !== key))
+  }
+  return (
+    <form onSubmit={handleSubmit(onSubmit, onError)}>
+      <Stack gap={2.5}>
+        <>
+          {!media.length ? (
+            <ImageUpload
+              onFileUploaded={handleImageChange}
+              postUrl="/square/workshops/image"
+            />
+          ) : (
+            <MediaRow list={media} onDelete={handleDeleteImage} />
+          )}
+          <RadioGroup
+            row
+            label="Workshop"
+            name="organized"
+            required
+            value={selectedWorkshop}
+            options={workshopsSelect.map((item) => ({
+              label: item?.label,
+              value: item?.value,
+            }))}
+            onChange={(e) => setSelectedWorkshop(e.target.value)}
+          />
+          <FormTextField
+            control={control}
+            name="title"
+            label="Title"
+            required
+          />
+          <FormTextField
+            control={control}
+            name="organization"
+            label="Organization"
+            required
+          />
+          <FormDatePicker
+            control={control}
+            name="fromDate"
+            label="From Date"
+            required
+          />
+          <FormDatePicker
+            control={control}
+            name="toDate"
+            label="To Date"
+            required
+          />
+          <FormTextField
+            control={control}
+            name="stream"
+            label="Stream"
+            required
+          />
+          <FormTextField
+            control={control}
+            name="program"
+            label="Program"
+            required
+          />
+          <FileUpload
+            handleFileInput={handleFileInput}
+            onDelete={onDelete}
+            resource={resource}
+          />
+        </>
+      </Stack>
+      <Stack direction="row" gap={2} mt={2}>
+        <ActionButton type="submit" fullWidth loading={isLoading}>
+          {data ? 'Update Workshop' : 'Add Workshop'}
+        </ActionButton>
+        <ActionButton variant="outlined" fullWidth onClick={() => hideDialog()}>
+          Cancel
+        </ActionButton>
+      </Stack>
+    </form>
+  )
+}

package/src/components/MyProfile/index.ts

@@ -1 +1 @@
-export { default } from './MyProfile'
+export { default } from './MyProfile'

package/src/components/MyProfile/service.ts

@@ -1,58 +1,58 @@
-import { AxiosRequestConfig } from 'axios'
-import axios from '../../config/axios'
-
-export const createUpdateExperience = async ({ id, ...postBody }) => {
-  const config: AxiosRequestConfig = {
-    method: id ? 'PUT' : 'POST',
-    url: id ? `/square/experience/${id}` : '/square/experience',
-    data: postBody,
-  }
-  const res = await axios(config)
-  return res.data
-}
-
-export const createUpdatePaperPublicaton = async ({ id, ...postBody }) => {
-  const config: AxiosRequestConfig = {
-    method: id ? 'PUT' : 'POST',
-    url: id ? `/square/paper-publications/${id}` : '/square/paper-publications',
-    data: postBody,
-  }
-  const res = await axios(config)
-  return res.data
-}
-
-export const createUpdateEducation = async ({ id, ...postBody }) => {
-  const config: AxiosRequestConfig = {
-    method: id ? 'PUT' : 'POST',
-    url: id ? `/square/education/${id}` : '/square/education',
-    data: postBody,
-  }
-  const res = await axios(config)
-  return res.data
-}
-
-export const createUpdateWorkshop = async ({ id, ...postBody }) => {
-  const config: AxiosRequestConfig = {
-    method: id ? 'PUT' : 'POST',
-    url: id ? `/square/workshops/${id}` : '/square/workshops',
-    data: postBody,
-  }
-  const res = await axios(config)
-  return res.data
-}
-
-export const getPaperPublicationSubtypes = async (publicationType) => {
-  if (publicationType !== 'Other' && publicationType !== undefined) {
-    const config: AxiosRequestConfig = {
-      method: 'GET',
-      url: '/square/paper-publications/sub-types',
-      params: {
-        type: publicationType,
-      },
-    }
-    const res = await axios(config)
-    return res.data
-  } else {
-    return []
-  }
-}
+import { AxiosRequestConfig } from 'axios'
+import axios from '../../config/axios'
+
+export const createUpdateExperience = async ({ id, ...postBody }) => {
+  const config: AxiosRequestConfig = {
+    method: id ? 'PUT' : 'POST',
+    url: id ? `/square/experience/${id}` : '/square/experience',
+    data: postBody,
+  }
+  const res = await axios(config)
+  return res.data
+}
+
+export const createUpdatePaperPublicaton = async ({ id, ...postBody }) => {
+  const config: AxiosRequestConfig = {
+    method: id ? 'PUT' : 'POST',
+    url: id ? `/square/paper-publications/${id}` : '/square/paper-publications',
+    data: postBody,
+  }
+  const res = await axios(config)
+  return res.data
+}
+
+export const createUpdateEducation = async ({ id, ...postBody }) => {
+  const config: AxiosRequestConfig = {
+    method: id ? 'PUT' : 'POST',
+    url: id ? `/square/education/${id}` : '/square/education',
+    data: postBody,
+  }
+  const res = await axios(config)
+  return res.data
+}
+
+export const createUpdateWorkshop = async ({ id, ...postBody }) => {
+  const config: AxiosRequestConfig = {
+    method: id ? 'PUT' : 'POST',
+    url: id ? `/square/workshops/${id}` : '/square/workshops',
+    data: postBody,
+  }
+  const res = await axios(config)
+  return res.data
+}
+
+export const getPaperPublicationSubtypes = async (publicationType) => {
+  if (publicationType !== 'Other' && publicationType !== undefined) {
+    const config: AxiosRequestConfig = {
+      method: 'GET',
+      url: '/square/paper-publications/sub-types',
+      params: {
+        type: publicationType,
+      },
+    }
+    const res = await axios(config)
+    return res.data
+  } else {
+    return []
+  }
+}

package/src/components/NoDataIllustration.tsx

@@ -1,35 +1,35 @@
-import { Box, Typography, styled } from '@mui/material'
-import { ReactNode } from 'react'
-import Image from './Image'
-
-interface Props {
-  imageSrc: string
-  height?: string
-  message?: string | ReactNode
-}
-
-export default function NoData({
-  imageSrc,
-  height = '300px',
-  message = 'No Data Found',
-}: Props) {
-  return (
-    <Box
-      sx={{
-        marginTop: '20px',
-      }}
-    >
-      <Image alt="No Data Found" height={height} width="auto" src={imageSrc} />
-      {typeof message === 'string' ? (
-        <StyledTypography variant="h6">{message}</StyledTypography>
-      ) : (
-        <>{message}</>
-      )}
-    </Box>
-  )
-}
-export const StyledTypography = styled(Typography)(({ theme }) => ({
-  opacity: '0.5',
-  marginTop: '20px',
-  textAlign: 'center',
-}))
+import { Box, Typography, styled } from '@mui/material'
+import { ReactNode } from 'react'
+import Image from './Image'
+
+interface Props {
+  imageSrc: string
+  height?: string
+  message?: string | ReactNode
+}
+
+export default function NoData({
+  imageSrc,
+  height = '300px',
+  message = 'No Data Found',
+}: Props) {
+  return (
+    <Box
+      sx={{
+        marginTop: '20px',
+      }}
+    >
+      <Image alt="No Data Found" height={height} width="auto" src={imageSrc} />
+      {typeof message === 'string' ? (
+        <StyledTypography variant="h6">{message}</StyledTypography>
+      ) : (
+        <>{message}</>
+      )}
+    </Box>
+  )
+}
+export const StyledTypography = styled(Typography)(({ theme }) => ({
+  opacity: '0.5',
+  marginTop: '20px',
+  textAlign: 'center',
+}))