@campxdev/shared 1.10.39 → 1.10.41

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,152 +1,161 @@
-/* eslint-disable no-console */
-import { Box, Chip, Container, Typography } from '@mui/material'
-import { useQuery } from 'react-query'
-import axios from '../../config/axios'
-import { InsititutionsStore } from '../../shared-state/InstitutionsStore'
-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 { institutions, current } = InsititutionsStore.useState((s) => s)
-
-  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?.departments
-                    ?.filter((item) => item?.institutionId == current?.id)
-                    .map((item) => item.name)
-                    .join(',')}
-                </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 { InsititutionsStore } from '../../shared-state/InstitutionsStore'
+import PageHeader from '../PageHeader'
+import Spinner from '../Spinner'
+import Education from './Education/Education'
+import Experience from './Experience/Experience'
+import PaperPublications from './PaperPublication/PaperPublications'
+import ResearchProjects from './ResearchProjects/ResearchProjects'
+import StyledTabsContainer from './StyledTabsContainer'
+import {
+  StyledArrowIcon,
+  StyledAvatar,
+  StyledBox,
+  StyledBoxHeader,
+  StyledMainContainer,
+} from './Styles'
+import Workshop from './Workshop/Workshop'
+
+const MyProfile = ({ close }) => {
+  const { institutions, current } = InsititutionsStore.useState((s) => s)
+
+  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 { data: ResearchProject } = useQuery('research-projects', () =>
+    axios.get('/square/research-projects').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} />,
+    },
+    {
+      key: 'research projects',
+      label: 'Research Projects',
+      component: <ResearchProjects ResearchProject={ResearchProject} />,
+    },
+  ]
+  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?.departments
+                    ?.filter((item) => item?.institutionId == current?.id)
+                    .map((item) => item.name)
+                    .join(',')}
+                </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