@campxdev/shared 1.11.65 → 1.11.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.11.65",
+  "version": "1.11.67",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",
@@ -31,9 +31,9 @@
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@hookform/resolvers": "^2.9.10",
-    "@mui/icons-material": "^5.14.11",
+    "@mui/icons-material": "^5.15.18",
     "@mui/lab": "^5.0.0-alpha.146",
-    "@mui/material": "^5.14.11",
+    "@mui/material": "^5.15.18",
     "@mui/x-date-pickers": "^6.16.0",
     "axios": "^0.27.2",
     "date-fns": "^2.28.0",

package/src/components/ActivityLog/ActivityLog.tsx

@@ -39,7 +39,7 @@ export default function ActivityLog({
   const fetchActivities = async ({ pageParam = 0 }) => {
     try {
       const response = await axios.get(endPoint, { params: { ...params } })
-      return response.data
+      return response?.data
     } catch (error) {
       // eslint-disable-next-line no-console
       console.log(error)
@@ -54,11 +54,11 @@ export default function ActivityLog({
       },
     })
 
-  const activitesData = data ? data?.pages.flatMap((page) => page) : []
+  const activitesData = data ? data?.pages?.flatMap((page) => page) : []
 
   if (isLoading) return <Spinner />
 
-  if (data.pages.length === 0 || !activitesData.length) {
+  if (data?.pages?.length === 0 || !activitesData?.length) {
     return (
       <NoDataIllustration
         imageSrc=""
@@ -122,7 +122,7 @@ const columns = [
     dataIndex: 'timestamp',
     key: 'timestamp',
     render: (timestamp) =>
-      moment.utc(timestamp).local().format('DD MMM YYYY - hh:mm A'),
+      moment.utc(timestamp)?.local().format('DD MMM YYYY - hh:mm A'),
   },
   {
     title: 'Action',
@@ -140,7 +140,7 @@ const columns = [
     key: 'message',
     render: (message) => (
       <Typography sx={{ fontSize: '16px' }} variant="subtitle1">
-        {message?.split("'").map((text: string, index: number) =>
+        {message?.split("'")?.map((text: string, index: number) =>
           index % 2 === 0 ? (
             <span key={index}>{text}</span>
           ) : (
@@ -184,7 +184,7 @@ export const TimeLineComponent = ({
               <StyledTimeLineDot>
                 <StyledCircleIcon />
               </StyledTimeLineDot>
-              {index < activitesData.length - 1 && (
+              {index < activitesData?.length - 1 && (
                 <Box
                   sx={{
                     width: '1px',
@@ -205,18 +205,20 @@ export const TimeLineComponent = ({
                     .format('DD MMM YYYY - hh:mm A')}
                 </Typography>
                 <Typography sx={{ fontSize: '16px' }} variant="subtitle1">
-                  {item?.message.split("'").map((text: string, index: number) =>
-                    index % 2 === 0 ? (
-                      <span key={index}>{text}</span>
-                    ) : (
-                      <Typography
-                        key={index}
-                        sx={{ display: 'inline', fontWeight: 900 }}
-                      >
-                        {text}
-                      </Typography>
-                    ),
-                  )}
+                  {item?.message
+                    ?.split("'")
+                    ?.map((text: string, index: number) =>
+                      index % 2 === 0 ? (
+                        <span key={index}>{text}</span>
+                      ) : (
+                        <Typography
+                          key={index}
+                          sx={{ display: 'inline', fontWeight: 900 }}
+                        >
+                          {text}
+                        </Typography>
+                      ),
+                    )}
                 </Typography>
                 <Typography
                   style={{
@@ -226,7 +228,7 @@ export const TimeLineComponent = ({
                   }}
                 >
                   <StyledAvatar>
-                    {item?.userName.charAt(0).toUpperCase()}
+                    {item?.userName?.charAt(0)?.toUpperCase()}
                   </StyledAvatar>
                   <Typography sx={{ fontSize: '13px', fontWeight: 900 }}>
                     {item?.userName}
@@ -235,7 +237,7 @@ export const TimeLineComponent = ({
               </Box>
             </TimelineContent>
           </TimelineItem>
-          {isFetchingNextPage && index === items.length - 1 && hasNextPage && (
+          {isFetchingNextPage && index === items?.length - 1 && hasNextPage && (
             <StyledSpinnerBox>
               <Spinner />
             </StyledSpinnerBox>
@@ -253,11 +255,11 @@ function useIntersectionObserver<T extends HTMLDivElement>(
 
   const handleObserver = useCallback(
     (node: T) => {
-      if (observer.current) observer.current.disconnect()
+      if (observer?.current) observer?.current?.disconnect()
       observer.current = new IntersectionObserver((entries) => {
-        if (entries[0].isIntersecting) callback()
+        if (entries[0]?.isIntersecting) callback()
       })
-      if (node) observer.current.observe(node)
+      if (node) observer?.current?.observe(node)
     },
     [callback],
   )

package/src/constants/UIConstants.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react'
 
 export const batchOptions = Array.from({ length: 12 }, (_, i) => {
-  return `${2012 + i} - ${2012 + i + 1}`
-}).reverse()
+  return `${new Date().getFullYear() - i} - ${new Date().getFullYear() - i + 1}`
+})
 
 export const getYears = () => {
   const start = 2019