@campxdev/shared 1.10.24 → 1.10.26

package/src/components/MyProfile/FileUpload.tsx

@@ -1,69 +1,69 @@
-import FileUploadIcon from '@mui/icons-material/FileUpload'
-import { Box, Typography } from '@mui/material'
-import { DeleteButton } from '../IconButtons'
-import { StyledUploadContainer, StyledUploadedFileContainer } from './Styles'
-
-const FileUpload = ({ resource, handleFileInput, onDelete }) => {
-  return (
-    <Box>
-      <Typography sx={{ opacity: '0.5', margin: '10px 0px' }}>
-        Attachments
-      </Typography>
-      {resource ? (
-        <FileRender resource={resource} handleDelete={onDelete} />
-      ) : (
-        <Box></Box>
-      )}
-      <StyledUploadContainer htmlFor="file">
-        <FileUploadIcon />
-        <Typography variant="subtitle2" sx={{ margin: '0px 10px' }}>
-          Upload Files
-        </Typography>
-      </StyledUploadContainer>
-      <input id="file" type="file" hidden multiple onChange={handleFileInput} />
-    </Box>
-  )
-}
-
-export default FileUpload
-
-const FileRender = ({ resource, handleDelete }) => {
-  return (
-    <>
-      {resource.length !== 0 &&
-        resource.map((file) => {
-          let extension = file?.name?.split('.')[1]
-          return (
-            <StyledUploadedFileContainer key={file.key}>
-              <Box sx={{ display: 'flex', alignItems: 'center' }}>
-                {extension === 'pdf' ? (
-                  <span>
-                    <img src={'/images/pdf.png'} />
-                  </span>
-                ) : extension === 'pptx' ? (
-                  <span>
-                    <img src={'/images/ppt.png'} />
-                  </span>
-                ) : extension === 'txt' ? (
-                  <span>
-                    <img src={'/images/doc.png'} />
-                  </span>
-                ) : (
-                  <span>
-                    <img src={'/images/jpg.png'} />
-                  </span>
-                )}
-
-                <Typography sx={{ margin: '0px 10px' }}>
-                  {file.originalFileName}
-                </Typography>
-              </Box>
-              {handleDelete && (
-                <DeleteButton onClick={() => handleDelete(file.key)} />
-              )}
-            </StyledUploadedFileContainer>
-          )
-        })}
-    </>
-  )
-}
+import FileUploadIcon from '@mui/icons-material/FileUpload'
+import { Box, Typography } from '@mui/material'
+import { DeleteButton } from '../IconButtons'
+import { StyledUploadContainer, StyledUploadedFileContainer } from './Styles'
+
+const FileUpload = ({ resource, handleFileInput, onDelete }) => {
+  return (
+    <Box>
+      <Typography sx={{ opacity: '0.5', margin: '10px 0px' }}>
+        Attachments
+      </Typography>
+      {resource ? (
+        <FileRender resource={resource} handleDelete={onDelete} />
+      ) : (
+        <Box></Box>
+      )}
+      <StyledUploadContainer htmlFor="file">
+        <FileUploadIcon />
+        <Typography variant="subtitle2" sx={{ margin: '0px 10px' }}>
+          Upload Files
+        </Typography>
+      </StyledUploadContainer>
+      <input id="file" type="file" hidden multiple onChange={handleFileInput} />
+    </Box>
+  )
+}
+
+export default FileUpload
+
+const FileRender = ({ resource, handleDelete }) => {
+  return (
+    <>
+      {resource.length !== 0 &&
+        resource.map((file) => {
+          let extension = file?.name?.split('.')[1]
+          return (
+            <StyledUploadedFileContainer key={file.key}>
+              <Box sx={{ display: 'flex', alignItems: 'center' }}>
+                {extension === 'pdf' ? (
+                  <span>
+                    <img src={'/images/pdf.png'} />
+                  </span>
+                ) : extension === 'pptx' ? (
+                  <span>
+                    <img src={'/images/ppt.png'} />
+                  </span>
+                ) : extension === 'txt' ? (
+                  <span>
+                    <img src={'/images/doc.png'} />
+                  </span>
+                ) : (
+                  <span>
+                    <img src={'/images/jpg.png'} />
+                  </span>
+                )}
+
+                <Typography sx={{ margin: '0px 10px' }}>
+                  {file.originalFileName}
+                </Typography>
+              </Box>
+              {handleDelete && (
+                <DeleteButton onClick={() => handleDelete(file.key)} />
+              )}
+            </StyledUploadedFileContainer>
+          )
+        })}
+    </>
+  )
+}

package/src/components/MyProfile/MyProfile.tsx

@@ -1,146 +1,146 @@
-/* eslint-disable no-console */
-import { Box, Chip, Container, Typography } from '@mui/material'
-import { useQuery } from 'react-query'
-import axios from '../../config/axios'
-import PageHeader from '../PageHeader'
-import Spinner from '../Spinner'
-import Education from './Education/Education'
-import Experience from './Experience/Experience'
-import PaperPublications from './PaperPublication/PaperPublications'
-import StyledTabsContainer from './StyledTabsContainer'
-import {
-  StyledArrowIcon,
-  StyledAvatar,
-  StyledBox,
-  StyledBoxHeader,
-  StyledMainContainer,
-} from './Styles'
-import Workshop from './Workshop/Workshop'
-
-const MyProfile = ({ close }) => {
-  const { data, isLoading } = useQuery('dashboard', () =>
-    axios.get('/square/users/dashboard').then((res) => res?.data),
-  )
-  const { data: userProfile } = useQuery('user-profile', () =>
-    axios.get('/square/users/profile').then((res) => res?.data),
-  )
-  const { data: classroomSubjects } = useQuery('classroom-subjects', () =>
-    axios.get('/square/subjects/faculty').then((res) => res?.data),
-  )
-
-  const handleHomeClick = () => {
-    close()
-  }
-
-  if (isLoading) {
-    return <Spinner />
-  }
-  const tabs = [
-    {
-      key: 'Experience',
-      label: 'Experience',
-      component: <Experience experiences={data?.experiences} />,
-    },
-    {
-      key: 'Paper Publications',
-      label: 'Paper Publications',
-      component: (
-        <PaperPublications
-          paperPublications={data?.papers}
-          userProfile={userProfile}
-        />
-      ),
-    },
-    {
-      key: 'Workshop',
-      label: 'Workshop',
-      component: <Workshop workshops={data?.workshops} />,
-    },
-    {
-      key: 'education',
-      label: 'Education',
-      component: <Education educations={data?.educations} />,
-    },
-  ]
-  function Years(num) {
-    switch (num) {
-      case 1:
-        return '1st'
-      case 2:
-        return '2nd'
-      case 3:
-        return '3rd'
-      case 4:
-        return '4th'
-      default:
-        ''
-    }
-  }
-
-  return (
-    <>
-      <StyledBox />
-      <PageHeader
-        title={
-          <>
-            <StyledArrowIcon
-              onClick={handleHomeClick}
-              sx={{ color: 'white', zIndex: 1 }}
-            />
-            <Typography variant="h1" sx={{ color: 'white', zIndex: 1 }}>
-              My Profile
-            </Typography>
-          </>
-        }
-      />
-      <Container maxWidth="lg">
-        <Box>
-          <StyledBoxHeader>
-            <Box sx={{ flex: 1 }}>
-              <Box
-                sx={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}
-              >
-                <StyledAvatar>
-                  <Typography
-                    sx={{
-                      fontSize: '50px',
-                      color: 'blue',
-                    }}
-                  >
-                    {userProfile?.fullName[0].toUpperCase()}
-                  </Typography>
-                </StyledAvatar>
-                <Typography variant="h1">{userProfile?.fullName}</Typography>
-                <Typography variant="h4">
-                  {userProfile?.designation?.name} | Dept. of{' '}
-                  {userProfile?.department?.name}
-                </Typography>
-              </Box>
-            </Box>
-            <Box>
-              {classroomSubjects?.map((classroomSubject) => (
-                <Chip
-                  key={classroomSubject.classroomSubjectId}
-                  label={`${classroomSubject?.subjectCode} - ${
-                    classroomSubject.classroomName
-                  }, ${Years(classroomSubject?.year)} year`}
-                  sx={{
-                    marginLeft: '1rem',
-                    backgroundColor: '#149ECD1A',
-                    fontWeight: 'bold',
-                  }}
-                />
-              ))}
-            </Box>
-          </StyledBoxHeader>
-        </Box>
-
-        <StyledMainContainer>
-          <StyledTabsContainer tabs={tabs} centered />
-        </StyledMainContainer>
-      </Container>
-    </>
-  )
-}
-
-export default MyProfile
+/* eslint-disable no-console */
+import { Box, Chip, Container, Typography } from '@mui/material'
+import { useQuery } from 'react-query'
+import axios from '../../config/axios'
+import PageHeader from '../PageHeader'
+import Spinner from '../Spinner'
+import Education from './Education/Education'
+import Experience from './Experience/Experience'
+import PaperPublications from './PaperPublication/PaperPublications'
+import StyledTabsContainer from './StyledTabsContainer'
+import {
+  StyledArrowIcon,
+  StyledAvatar,
+  StyledBox,
+  StyledBoxHeader,
+  StyledMainContainer,
+} from './Styles'
+import Workshop from './Workshop/Workshop'
+
+const MyProfile = ({ close }) => {
+  const { data, isLoading } = useQuery('dashboard', () =>
+    axios.get('/square/users/dashboard').then((res) => res?.data),
+  )
+  const { data: userProfile } = useQuery('user-profile', () =>
+    axios.get('/square/users/profile').then((res) => res?.data),
+  )
+  const { data: classroomSubjects } = useQuery('classroom-subjects', () =>
+    axios.get('/square/subjects/faculty').then((res) => res?.data),
+  )
+
+  const handleHomeClick = () => {
+    close()
+  }
+
+  if (isLoading) {
+    return <Spinner />
+  }
+  const tabs = [
+    {
+      key: 'Experience',
+      label: 'Experience',
+      component: <Experience experiences={data?.experiences} />,
+    },
+    {
+      key: 'Paper Publications',
+      label: 'Paper Publications',
+      component: (
+        <PaperPublications
+          paperPublications={data?.papers}
+          userProfile={userProfile}
+        />
+      ),
+    },
+    {
+      key: 'Workshop',
+      label: 'Workshop',
+      component: <Workshop workshops={data?.workshops} />,
+    },
+    {
+      key: 'education',
+      label: 'Education',
+      component: <Education educations={data?.educations} />,
+    },
+  ]
+  function Years(num) {
+    switch (num) {
+      case 1:
+        return '1st'
+      case 2:
+        return '2nd'
+      case 3:
+        return '3rd'
+      case 4:
+        return '4th'
+      default:
+        ''
+    }
+  }
+
+  return (
+    <>
+      <StyledBox />
+      <PageHeader
+        title={
+          <>
+            <StyledArrowIcon
+              onClick={handleHomeClick}
+              sx={{ color: 'white', zIndex: 1 }}
+            />
+            <Typography variant="h1" sx={{ color: 'white', zIndex: 1 }}>
+              My Profile
+            </Typography>
+          </>
+        }
+      />
+      <Container maxWidth="lg">
+        <Box>
+          <StyledBoxHeader>
+            <Box sx={{ flex: 1 }}>
+              <Box
+                sx={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}
+              >
+                <StyledAvatar>
+                  <Typography
+                    sx={{
+                      fontSize: '50px',
+                      color: 'blue',
+                    }}
+                  >
+                    {userProfile?.fullName[0].toUpperCase()}
+                  </Typography>
+                </StyledAvatar>
+                <Typography variant="h1">{userProfile?.fullName}</Typography>
+                <Typography variant="h4">
+                  {userProfile?.designation?.name} | Dept. of{' '}
+                  {userProfile?.department?.name}
+                </Typography>
+              </Box>
+            </Box>
+            <Box>
+              {classroomSubjects?.map((classroomSubject) => (
+                <Chip
+                  key={classroomSubject.classroomSubjectId}
+                  label={`${classroomSubject?.subjectCode} - ${
+                    classroomSubject.classroomName
+                  }, ${Years(classroomSubject?.year)} year`}
+                  sx={{
+                    marginLeft: '1rem',
+                    backgroundColor: '#149ECD1A',
+                    fontWeight: 'bold',
+                  }}
+                />
+              ))}
+            </Box>
+          </StyledBoxHeader>
+        </Box>
+
+        <StyledMainContainer>
+          <StyledTabsContainer tabs={tabs} centered />
+        </StyledMainContainer>
+      </Container>
+    </>
+  )
+}
+
+export default MyProfile

package/src/components/MyProfile/NoDataSection.tsx

@@ -1,27 +1,27 @@
-import { Typography } from '@mui/material'
-import ActionButton from '../ActionButton'
-import { DialogButton } from '../ModalButtons'
-import { StyledSubContainer } from './Styles'
-
-const NoDataSection = ({
-  title,
-  subtitle,
-  addButtonTitle,
-  addButtonContent,
-}) => {
-  return (
-    <StyledSubContainer>
-      <Typography variant="h3">{title}</Typography>
-      <Typography variant="subtitle1">{subtitle}</Typography>
-      <DialogButton
-        anchor={({ open }) => (
-          <ActionButton onClick={open}>{addButtonTitle}</ActionButton>
-        )}
-        content={addButtonContent}
-        title={addButtonTitle}
-      />
-    </StyledSubContainer>
-  )
-}
-
-export default NoDataSection
+import { Typography } from '@mui/material'
+import ActionButton from '../ActionButton'
+import { DialogButton } from '../ModalButtons'
+import { StyledSubContainer } from './Styles'
+
+const NoDataSection = ({
+  title,
+  subtitle,
+  addButtonTitle,
+  addButtonContent,
+}) => {
+  return (
+    <StyledSubContainer>
+      <Typography variant="h3">{title}</Typography>
+      <Typography variant="subtitle1">{subtitle}</Typography>
+      <DialogButton
+        anchor={({ open }) => (
+          <ActionButton onClick={open}>{addButtonTitle}</ActionButton>
+        )}
+        content={addButtonContent}
+        title={addButtonTitle}
+      />
+    </StyledSubContainer>
+  )
+}
+
+export default NoDataSection

package/src/components/MyProfile/PaperPublication/Authors.tsx

@@ -1,88 +1,88 @@
-/* eslint-disable react/jsx-key */
-import { Box, Button } from '@mui/material'
-import { useFieldArray } from 'react-hook-form'
-import { FormTextField } from '../../HookForm'
-import { RadioGroup } from '../../Input'
-import { StyledBox, StyledDeleteButton, StyledStack } from './Styles'
-
-const Authors = ({ control, selectedAuthor, setState, authorsSelect }) => {
-  const { fields, append, remove } = useFieldArray({
-    control,
-    name: 'authors',
-  })
-
-  return (
-    <Box>
-      <RadioGroup
-        row
-        label="Authors"
-        name="authors"
-        required
-        value={selectedAuthor}
-        options={authorsSelect.map((item) => ({
-          label: item?.label,
-          value: item?.value,
-        }))}
-        onChange={(e) => {
-          setState((s) => {
-            s.selectedAuthor = e.target.value
-          })
-        }}
-      />
-      {selectedAuthor === 'multipleAuthors' && (
-        <Box>
-          {!fields.length && (
-            <StyledBox>
-              <Button
-                variant="text"
-                color="primary"
-                size="small"
-                onClick={() => {
-                  append({ name: '' })
-                }}
-              >
-                Add Author
-              </Button>
-            </StyledBox>
-          )}
-
-          {fields && (
-            <>
-              <StyledBox>
-                <Button
-                  variant="text"
-                  color="primary"
-                  size="small"
-                  onClick={() => {
-                    append({ name: '' })
-                  }}
-                >
-                  Add Author
-                </Button>
-              </StyledBox>
-              {fields.map((author, index) => (
-                <StyledStack
-                  direction={'row'}
-                  gap={2}
-                  sx={{ alignItems: 'flex-end' }}
-                >
-                  <FormTextField
-                    control={control}
-                    name={`authors[${index}].name`}
-                    label="Details about Authors"
-                    required
-                  />
-                  {index > 0 && (
-                    <StyledDeleteButton onClick={() => remove(index)} />
-                  )}
-                </StyledStack>
-              ))}
-            </>
-          )}
-        </Box>
-      )}
-    </Box>
-  )
-}
-
-export default Authors
+/* eslint-disable react/jsx-key */
+import { Box, Button } from '@mui/material'
+import { useFieldArray } from 'react-hook-form'
+import { FormTextField } from '../../HookForm'
+import { RadioGroup } from '../../Input'
+import { StyledBox, StyledDeleteButton, StyledStack } from './Styles'
+
+const Authors = ({ control, selectedAuthor, setState, authorsSelect }) => {
+  const { fields, append, remove } = useFieldArray({
+    control,
+    name: 'authors',
+  })
+
+  return (
+    <Box>
+      <RadioGroup
+        row
+        label="Authors"
+        name="authors"
+        required
+        value={selectedAuthor}
+        options={authorsSelect.map((item) => ({
+          label: item?.label,
+          value: item?.value,
+        }))}
+        onChange={(e) => {
+          setState((s) => {
+            s.selectedAuthor = e.target.value
+          })
+        }}
+      />
+      {selectedAuthor === 'multipleAuthors' && (
+        <Box>
+          {!fields.length && (
+            <StyledBox>
+              <Button
+                variant="text"
+                color="primary"
+                size="small"
+                onClick={() => {
+                  append({ name: '' })
+                }}
+              >
+                Add Author
+              </Button>
+            </StyledBox>
+          )}
+
+          {fields && (
+            <>
+              <StyledBox>
+                <Button
+                  variant="text"
+                  color="primary"
+                  size="small"
+                  onClick={() => {
+                    append({ name: '' })
+                  }}
+                >
+                  Add Author
+                </Button>
+              </StyledBox>
+              {fields.map((author, index) => (
+                <StyledStack
+                  direction={'row'}
+                  gap={2}
+                  sx={{ alignItems: 'flex-end' }}
+                >
+                  <FormTextField
+                    control={control}
+                    name={`authors[${index}].name`}
+                    label="Details about Authors"
+                    required
+                  />
+                  {index > 0 && (
+                    <StyledDeleteButton onClick={() => remove(index)} />
+                  )}
+                </StyledStack>
+              ))}
+            </>
+          )}
+        </Box>
+      )}
+    </Box>
+  )
+}
+
+export default Authors