@campxdev/shared 1.10.29 → 1.10.31

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

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

@@ -1,52 +1,52 @@
-/* eslint-disable no-console */
-/* eslint-disable react/jsx-key */
-import { Typography } from '@mui/material'
-import ActionButton from '../../ActionButton'
-import { DialogButton } from '../../ModalButtons'
-import NoDataSection from '../NoDataSection'
-import PublicationCard from './PublicationCard'
-import { PublicationsForm } from './PublicationsForm'
-import { StyledBoxCard, StyledBoxContainer } from './Styles'
-
-const Experience = ({ paperPublications, userProfile }) => {
-  const isPaperPublication = paperPublications && paperPublications.length > 0
-
-  return isPaperPublication ? (
-    <>
-      <StyledBoxContainer>
-        <Typography variant="h3">Paper Publications</Typography>
-        <DialogButton
-          anchor={({ open }) => (
-            <ActionButton onClick={open} variant="text">
-              +Add Paper Publication
-            </ActionButton>
-          )}
-          content={({ close }) => (
-            <PublicationsForm
-              data={null}
-              hideDialog={close}
-              userProfile={userProfile}
-            />
-          )}
-          title="Add Paper Publication"
-        />
-      </StyledBoxContainer>
-      <StyledBoxCard>
-        {paperPublications.map((data) => (
-          <PublicationCard data={data} userProfile={userProfile} />
-        ))}
-      </StyledBoxCard>
-    </>
-  ) : (
-    <NoDataSection
-      title="Paper Publication"
-      subtitle="Add Paper Publication"
-      addButtonTitle="Add Publication"
-      addButtonContent={({ close }) => (
-        <PublicationsForm data={null} hideDialog={close} />
-      )}
-    />
-  )
-}
-
-export default Experience
+/* eslint-disable no-console */
+/* eslint-disable react/jsx-key */
+import { Typography } from '@mui/material'
+import ActionButton from '../../ActionButton'
+import { DialogButton } from '../../ModalButtons'
+import NoDataSection from '../NoDataSection'
+import PublicationCard from './PublicationCard'
+import { PublicationsForm } from './PublicationsForm'
+import { StyledBoxCard, StyledBoxContainer } from './Styles'
+
+const Experience = ({ paperPublications, userProfile }) => {
+  const isPaperPublication = paperPublications && paperPublications.length > 0
+
+  return isPaperPublication ? (
+    <>
+      <StyledBoxContainer>
+        <Typography variant="h3">Paper Publications</Typography>
+        <DialogButton
+          anchor={({ open }) => (
+            <ActionButton onClick={open} variant="text">
+              +Add Paper Publication
+            </ActionButton>
+          )}
+          content={({ close }) => (
+            <PublicationsForm
+              data={null}
+              hideDialog={close}
+              userProfile={userProfile}
+            />
+          )}
+          title="Add Paper Publication"
+        />
+      </StyledBoxContainer>
+      <StyledBoxCard>
+        {paperPublications.map((data) => (
+          <PublicationCard data={data} userProfile={userProfile} />
+        ))}
+      </StyledBoxCard>
+    </>
+  ) : (
+    <NoDataSection
+      title="Paper Publication"
+      subtitle="Add Paper Publication"
+      addButtonTitle="Add Publication"
+      addButtonContent={({ close }) => (
+        <PublicationsForm data={null} hideDialog={close} />
+      )}
+    />
+  )
+}
+
+export default Experience

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

@@ -1,80 +1,80 @@
-import { Box, Card, Typography } from '@mui/material'
-import { EditButton } from '../../IconButtons'
-import Image from '../../Image/Image'
-import { DialogButton } from '../../ModalButtons'
-import PublicationsForm from './PublicationsForm'
-import { StyledAvatar, StyledTextContainer } from './Styles'
-
-const PublicationCard = ({ userProfile, data }) => {
-  return (
-    <div>
-      <Card
-        sx={{
-          padding: '15px',
-        }}
-      >
-        <Box
-          sx={{
-            display: 'flex',
-            justifyContent: 'space-between',
-          }}
-        >
-          <Box
-            sx={{
-              display: 'flex',
-            }}
-          >
-            {data?.image?.url ? (
-              <Image
-                alt=""
-                radius={'10px'}
-                src={data?.image?.url}
-                width={'100px'}
-                height={'100px'}
-                fit={'cover'}
-              />
-            ) : (
-              <StyledAvatar>
-                <Typography
-                  sx={{
-                    fontSize: '30px',
-                    color: 'blue',
-                  }}
-                >
-                  {data?.title[0].toUpperCase()}
-                </Typography>
-              </StyledAvatar>
-            )}
-            <StyledTextContainer>
-              <Typography variant="h5">{data?.title}</Typography>
-              <Typography variant="subtitle2">
-                {data?.publicationType}{' '}
-                {data?.publicationSubtype !== 'other' &&
-                  ` - ${data?.publicationSubtype}`}
-              </Typography>
-              <Typography variant="subtitle1">
-                Year of Publication: {data?.publicationYear}
-              </Typography>
-            </StyledTextContainer>
-          </Box>
-          <Box>
-            <DialogButton
-              key={data?.id}
-              title={'Edit Paper Publication'}
-              anchor={({ open }) => <EditButton onClick={open} />}
-              content={({ close }) => (
-                <PublicationsForm
-                  data={data}
-                  hideDialog={close}
-                  userProfile={userProfile}
-                />
-              )}
-            />
-          </Box>
-        </Box>
-      </Card>
-    </div>
-  )
-}
-
-export default PublicationCard
+import { Box, Card, Typography } from '@mui/material'
+import { EditButton } from '../../IconButtons'
+import Image from '../../Image/Image'
+import { DialogButton } from '../../ModalButtons'
+import PublicationsForm from './PublicationsForm'
+import { StyledAvatar, StyledTextContainer } from './Styles'
+
+const PublicationCard = ({ userProfile, data }) => {
+  return (
+    <div>
+      <Card
+        sx={{
+          padding: '15px',
+        }}
+      >
+        <Box
+          sx={{
+            display: 'flex',
+            justifyContent: 'space-between',
+          }}
+        >
+          <Box
+            sx={{
+              display: 'flex',
+            }}
+          >
+            {data?.image?.url ? (
+              <Image
+                alt=""
+                radius={'10px'}
+                src={data?.image?.url}
+                width={'100px'}
+                height={'100px'}
+                fit={'cover'}
+              />
+            ) : (
+              <StyledAvatar>
+                <Typography
+                  sx={{
+                    fontSize: '30px',
+                    color: 'blue',
+                  }}
+                >
+                  {data?.title[0].toUpperCase()}
+                </Typography>
+              </StyledAvatar>
+            )}
+            <StyledTextContainer>
+              <Typography variant="h5">{data?.title}</Typography>
+              <Typography variant="subtitle2">
+                {data?.publicationType}{' '}
+                {data?.publicationSubtype !== 'other' &&
+                  ` - ${data?.publicationSubtype}`}
+              </Typography>
+              <Typography variant="subtitle1">
+                Year of Publication: {data?.publicationYear}
+              </Typography>
+            </StyledTextContainer>
+          </Box>
+          <Box>
+            <DialogButton
+              key={data?.id}
+              title={'Edit Paper Publication'}
+              anchor={({ open }) => <EditButton onClick={open} />}
+              content={({ close }) => (
+                <PublicationsForm
+                  data={data}
+                  hideDialog={close}
+                  userProfile={userProfile}
+                />
+              )}
+            />
+          </Box>
+        </Box>
+      </Card>
+    </div>
+  )
+}
+
+export default PublicationCard