@campxdev/shared 1.10.62 → 1.10.64

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.10.62",
+  "version": "1.10.64",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

package/src/components/Tabs/TabsContainer.tsx

@@ -1,23 +1,26 @@
 import { Tab } from '@mui/material'
 import { ChangeEvent, ReactNode, useEffect, useState } from 'react'
-import { StyledComponentWrapper, StyledContainer, StyledTabs } from './styles'
 import ErrorBoundary from '../ErrorBoundary'
+import { StyledComponentWrapper, StyledContainer, StyledTabs } from './styles'
 
 export interface TabsContainerProps {
   tabs: {
     key: string
     label: string
     component: ReactNode
+    highlight?: boolean
   }[]
   size?: 'small' | 'medium'
   conatinerVariant?: 'box' | 'page'
   onTabChange?: (tabKey: string) => void
+  isMobile?: boolean
 }
 
 export default function TabsContainer({
   tabs,
   size = 'small',
   conatinerVariant = 'box',
+  isMobile = false,
   onTabChange,
 }: TabsContainerProps) {
   const [currentTab, setCurrentTab] = useState(tabs[0].key)
@@ -41,9 +44,16 @@ export default function TabsContainer({
         scrollButtons="auto"
         textColor="primary"
         indicatorColor="primary"
+        isMobile={isMobile}
       >
         {tabs.map((tab) => (
-          <Tab key={tab.key} label={tab.label} value={tab.key} />
+          <Tab
+            key={tab.key}
+            label={tab.label}
+            value={tab.key}
+            icon={tab.highlight ? <span>{'.'}</span> : null}
+            iconPosition="end"
+          />
         ))}
       </StyledTabs>
       <StyledComponentWrapper containerVariant={conatinerVariant}>

package/src/components/Tabs/styles.tsx

@@ -3,18 +3,29 @@ import { Box, Stack, styled, Tabs } from '@mui/material'
 export const StyledTabs = styled(Tabs)<{
   size: 'small' | 'medium'
   containerVariant?: 'page' | 'box'
-}>(({ theme, size, containerVariant }) => ({
+  isMobile?: false | true
+}>(({ theme, size, containerVariant, isMobile }) => ({
   borderTopRightRadius: '10px',
   borderTopLeftRadius: '10px',
   background: theme.palette.secondary.light,
-  minHeight: '60px',
+  minHeight: isMobile ? '30px' : '60px',
   paddingLeft: '15px',
   '& .MuiTabs-indicator': {
     backgroundColor: theme.palette.common.yellow,
+    [theme.breakpoints.down('sm')]: {
+      backgroundColor: theme.palette.primary.main,
+    },
+  },
+  '& span': {
+    color: theme.palette.error.main,
+    fontSize: '20px',
+    marginTop: '-20px',
+    marginLeft: '3px  !important',
   },
   '& .MuiTabs-flexContainer': {
     height: '100%',
     alignItems: 'end',
+    justifyContent: isMobile ? 'center' : 'flex-start',
   },
   '& .MuiTab-root': {
     textTransform: 'none',

package/src/shared-state/PermissionsStore.ts

@@ -749,6 +749,14 @@ export enum Permission {
   STUDENTS_ALLOTMENT = 'can_students_allotment',
   STUDENT_INFO_VIEW = 'can_student_info_view',
 
+  //EmailReportCronJobs
+  EMAIL_REPORT_CRON_JOBS_VIEW='can_email_report_cron_jobs_view',
+  EMAIL_REPORT_CRON_JOBS_ADD='can_email_report_cron_jobs_add',
+  EMAIL_REPORT_CRON_JOBS_EDIT='can_email_report_cron_jobs_edit',
+  EMAIL_REPORT_CRON_JOBS_DELETE='can_email_report_cron_jobs_delete',
+
+
+
   // Subjects
   SUBJECTS_VIEW = 'can_subjects_view',
   SUBJECTS_ADD = 'can_subjects_add',