@campxdev/shared 1.11.7-0.alpha.53 → 1.11.7-0.alpha.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.11.7-0.alpha.53",
+  "version": "1.11.7-0.alpha.55",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

package/src/components/Tables/ReactTable/ReactTable.tsx

@@ -205,11 +205,11 @@ export default function ReactTable({
       />
       <Table sx={{ position: 'relative' }} {...getTableProps()}>
         <TableHead>
-          {headerGroups.map((headerGroup, index) => (
-            <TableRow key={index} {...headerGroup.getHeaderGroupProps()}>
+          {headerGroups.map((headerGroup, rowIndex) => (
+            <TableRow key={rowIndex} {...headerGroup.getHeaderGroupProps()}>
               {showSerialNumber && <TableCell>S. No.</TableCell>}
-              {headerGroup.headers.map((column: any, index) => (
-                <TableCell key={index} {...column.getHeaderProps()}>
+              {headerGroup.headers.map((column: any, colIndex) => (
+                <TableCell key={colIndex} {...column.getHeaderProps()}>
                   {column.render('Header')}
                   {column.sort && (
                     <IconButton onClick={() => handleSortClick(column.id)}>

package/src/hooks/useAuth.ts

@@ -1,4 +1,3 @@
-import { AxiosError } from 'axios'
 import Cookies from 'js-cookie'
 import { useEffect, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
@@ -95,86 +94,87 @@ function handleInstitutions(institutions) {
   }
 }
 
-function useAuth({ permissionsEndpoint, loginUrl }: AuthParams): AuthResponse {
+const useAuth = ({
+  permissionsEndpoint,
+  loginUrl,
+}: AuthParams): AuthResponse => {
   const [loading, setLoading] = useState<boolean>(false)
-  const [data, setData] = useState(null)
+  const [data, setData] = useState<any>(null)
   const { current } = InstitutionsStore.useState()
+  const navigate = useNavigate()
 
   const appInit = async () => {
     setLoading(true)
-    axios
-      .get(permissionsEndpoint)
-      .then((res) => {
-        const isAdmin = checkIsAdmin(res.data.user)
-
-        setData(res.data)
-        UserStore.update((s) => {
-          s.username = res.data?.user?.username
-          s.user = res.data?.user
-          s.roles = res.data?.roles
-          s.globalUserId = res.data?.globalUserId
-          s.fullName = res.data?.fullName
-        })
-
-        PermissionsStore.update((s) => {
-          s.permissions = {
-            ...res.data?.permissions,
-            can_settings_view: 1,
-            can_dashboard_view: 1,
-            can_individual_pages_view: 1,
-            can_analatics_view: isAdmin,
-            can_admin_view: isAdmin,
-            can_my_mentees_view:
-              res.data?.user?.isMentor &&
-              res.data?.permissions.can_my_mentees_view,
-          } as any
-          s.applications = res.data?.applications ?? []
-          s.institutionType = res.data?.institutionType
-          s.masterInstitutionUniqueId = res.data?.masterInstitutionUniqueId
-          s.masterInstitutionId = res.data?.masterInstitutionId
-          s.isMasterInstitutionUser = res.data?.institutions
-            ?.map((institution) => institution?.id)
-            ?.includes(res?.data?.masterInstitutionUniqueId)
-          s.isMasterInstitution = res.data?.isMasterInstitution
-          s.isHomePageEnabled = res.data?.isHomePageEnabled
-        })
-
-        InstitutionsStore.update((s) => {
-          s.institutions = res.data?.institutions
-          s.current = res.data?.institutions.find(
-            (item) => item.code === Cookies.get('campx_institution'),
-          )
-        })
+    try {
+      const res = await axios.get(permissionsEndpoint)
+      const isAdmin = checkIsAdmin(res.data.user)
+
+      setData(res.data)
+      UserStore.update((s) => {
+        s.username = res.data?.user?.username
+        s.user = res.data?.user
+        s.roles = res.data?.roles
+        s.globalUserId = res.data?.globalUserId
+        s.fullName = res.data?.fullName
+      })
 
-        AssetsStore.update((s) => {
-          s.logo = res.data?.assets.logo
-          s.logo_square = res.data?.assets.logo_square
-        })
+      PermissionsStore.update((s) => {
+        s.permissions = {
+          ...res.data?.permissions,
+          can_settings_view: 1,
+          can_dashboard_view: 1,
+          can_individual_pages_view: 1,
+          can_analatics_view: isAdmin,
+          can_admin_view: isAdmin,
+          can_my_mentees_view:
+            res.data?.user?.isMentor &&
+            res.data?.permissions.can_my_mentees_view,
+        }
+        s.applications = res.data?.applications ?? []
+        s.institutionType = res.data?.institutionType
+        s.masterInstitutionUniqueId = res.data?.masterInstitutionUniqueId
+        s.masterInstitutionId = res.data?.masterInstitutionId
+        s.isMasterInstitutionUser = res.data?.institutions
+          ?.map((institution) => institution?.id)
+          ?.includes(res?.data?.masterInstitutionUniqueId)
+        s.isMasterInstitution = res.data?.isMasterInstitution
+        s.isHomePageEnabled = res.data?.isHomePageEnabled
+      })
 
-        setLoading(false)
+      InstitutionsStore.update((s) => {
+        s.institutions = res.data?.institutions
+        s.current = res.data?.institutions.find(
+          (item) => item.code === Cookies.get('campx_institution'),
+        )
       })
-      .catch((err: AxiosError) => {
-        const navigate = useNavigate()
-        setLoading && setLoading(false)
-        const origin = window.location.origin
-        const isStaging = origin.split('campx')[1] === '.dev'
-
-        if (isDevelopment || isStaging) {
-          openRootModal({
-            key: 'login',
-            contentData: {
-              loginUrl,
-            },
-            dialogProps: {
-              disableEscapeKeyDown: true,
-              onClose: () => {},
-            },
-          })
-          return
-        } else {
-          navigate('/auth/login')
-        }
+
+      AssetsStore.update((s) => {
+        s.logo = res.data?.assets.logo
+        s.logo_square = res.data?.assets.logo_square
       })
+
+      setLoading(false)
+    } catch (err: any) {
+      setLoading(false)
+      const origin = window.location.origin
+      const isStaging = origin.split('campx')[1] === '.dev'
+
+      if (isDevelopment || isStaging) {
+        openRootModal({
+          key: 'login',
+          contentData: {
+            loginUrl,
+          },
+          dialogProps: {
+            disableEscapeKeyDown: true,
+            onClose: () => {},
+          },
+        })
+        return
+      } else {
+        navigate('/auth/login')
+      }
+    }
   }
 
   useEffect(() => {

package/src/layouts/Components/styles.tsx

@@ -25,6 +25,7 @@ export const StyledHeaderContainer = styled.header`
 
 export const StyledLeftNavContainer = muiStyled('aside')(({ theme }) => ({
   width: sideNavWidth,
+  borderRadius: '8px 0px 0px 8px',
   background: theme.palette.secondary.main,
   color: 'white',
   overflowY: 'scroll',