stablishing develop branch and enabling build workflow trigger

.github/workflows/tags.yml → .github/workflows/build.yml

@@ -1,7 +1,10 @@
-name: tags
+name: Build all artifacts and publish docker images
 
 on:
   push:
+    branches:
+      - main
+      - develop
     tags:
       - "**"
   workflow_dispatch:

.github/workflows/delploy.yml

@@ -1,4 +1,4 @@
-name: deploy
+name: Deploy
 
 on:
   workflow_dispatch:

apps/react/case-portal/package.json

@@ -40,12 +40,13 @@
     "simplebar-react": "^3.2.4"
   },
   "scripts": {
-    "start": "webpack serve --mode=development --port 3001",
-    "build": "eslint --fix . && webpack --mode=production",
-    "test": "jest",
-    "lint": "eslint --fix .",
-    "format": "prettier --write \"**/*.{js,jsx,json,css,scss,md}\"",
-    "format:check": "prettier --check \"**/*.{js,jsx,json,css,scss,md}\""
+    "start": "echo 'Starting development server...' && webpack serve --mode=development --port 3001",
+    "build": "echo 'Running ESLint...' && eslint . && echo 'Checking code formatting...' && prettier --check \"**/*.{js,jsx,json,css,scss,md}\" && echo 'Building for production...' && webpack --mode=production",
+    "lint:fix": "echo 'Fixing linting issues...' && eslint --fix .",
+    "lint:check": "echo 'Checking for linting issues...' && eslint .",
+    "format:fix": "echo 'Fixing code formatting...' && prettier --write \"**/*.{js,jsx,json,css,scss,md}\"",
+    "format:check": "echo 'Checking code formatting...' && prettier --check \"**/*.{js,jsx,json,css,scss,md}\"",
+    "test": "echo 'Running tests...' && jest"
   },
   "babel": {
     "presets": [

apps/react/case-portal/src/SessionStoreContext.js

@@ -1,33 +1,33 @@
-import React, { useContext } from 'react';
+import React, { useContext } from 'react'
 
-const SessionStoreContext = React.createContext({});
-export const SessionStoreProvider = SessionStoreContext.Provider;
-export const SessionStoreConsumer = SessionStoreContext.Consumer;
+const SessionStoreContext = React.createContext({})
+export const SessionStoreProvider = SessionStoreContext.Provider
+export const SessionStoreConsumer = SessionStoreContext.Consumer
 
 export function withStore(WrappedComponent) {
   function WithStoreComponent(props) {
     return (
       <SessionStoreConsumer>
         {(stores) => <WrappedComponent {...props} {...stores} />}
       </SessionStoreConsumer>
-    );
+    )
   }
-  return WithStoreComponent;
+  return WithStoreComponent
 }
 
 export const useSession = () => {
-  const attrs = useContext(SessionStoreContext);
-  return attrs['keycloak'];
-};
+  const attrs = useContext(SessionStoreContext)
+  return attrs['keycloak']
+}
 
 export const useMenu = () => {
-  const attrs = useContext(SessionStoreContext);
-  return attrs['menu'];
-};
+  const attrs = useContext(SessionStoreContext)
+  return attrs['menu']
+}
 
 export const useBpmEngine = () => {
-  const attrs = useContext(SessionStoreContext);
-  return attrs['bpmEngine'];
-};
+  const attrs = useContext(SessionStoreContext)
+  return attrs['bpmEngine']
+}
 
-export default SessionStoreContext;
+export default SessionStoreContext

apps/react/case-portal/src/assets/images/auth/AuthBackground.js

@@ -1,11 +1,11 @@
 // material-ui
-import { useTheme } from '@mui/material/styles';
-import { Box } from '@mui/material';
+import { useTheme } from '@mui/material/styles'
+import { Box } from '@mui/material'
 
 // ==============================|| AUTH BLUR BACK SVG ||============================== //
 
 const AuthBackground = () => {
-  const theme = useTheme();
+  const theme = useTheme()
   return (
     <Box
       sx={{ position: 'absolute', filter: 'blur(18px)', zIndex: -1, bottom: 0 }}
@@ -33,7 +33,7 @@ const AuthBackground = () => {
         />
       </svg>
     </Box>
-  );
-};
+  )
+}
 
-export default AuthBackground;
+export default AuthBackground

apps/react/case-portal/src/common/caseStatus.js

@@ -2,4 +2,4 @@ export const CaseStatus = {
   WipCaseStatus: Symbol('WIP_CASE_STATUS'),
   ClosedCaseStatus: Symbol('CLOSED_CASE_STATUS'),
   ArchivedCaseStatus: Symbol('ARCHIVED_CASE_STATUS'),
-};
+}

apps/react/case-portal/src/components/@extended/AnimateButton.js

@@ -1,7 +1,7 @@
-import PropTypes from 'prop-types';
+import PropTypes from 'prop-types'
 
 // third-party
-import { motion } from 'framer-motion';
+import { motion } from 'framer-motion'
 
 // ==============================|| ANIMATION BUTTON ||============================== //
 
@@ -15,15 +15,15 @@ export default function AnimateButton({ children, type }) {
         <motion.div whileHover={{ scale: 1 }} whileTap={{ scale: 0.9 }}>
           {children}
         </motion.div>
-      );
+      )
   }
 }
 
 AnimateButton.propTypes = {
   children: PropTypes.node,
   type: PropTypes.oneOf(['slide', 'scale', 'rotate']),
-};
+}
 
 AnimateButton.defaultProps = {
   type: 'scale',
-};
+}

apps/react/case-portal/src/components/@extended/Breadcrumbs.js

@@ -1,52 +1,52 @@
-import PropTypes from 'prop-types';
-import { useEffect, useState } from 'react';
-import { Link, useLocation } from 'react-router-dom';
+import PropTypes from 'prop-types'
+import { useEffect, useState } from 'react'
+import { Link, useLocation } from 'react-router-dom'
 
 // material-ui
-import MuiBreadcrumbs from '@mui/material/Breadcrumbs';
-import { Grid, Typography } from '@mui/material';
-import MainCard from '../MainCard';
+import MuiBreadcrumbs from '@mui/material/Breadcrumbs'
+import { Grid, Typography } from '@mui/material'
+import MainCard from '../MainCard'
 
 const Breadcrumbs = ({ navigation, title, ...others }) => {
-  const location = useLocation();
-  const [main, setMain] = useState();
-  const [item, setItem] = useState();
+  const location = useLocation()
+  const [main, setMain] = useState()
+  const [item, setItem] = useState()
 
   // set active item state
   const getCollapse = (menu) => {
     if (menu.children) {
       menu.children.filter((collapse) => {
         if (collapse.type && collapse.type === 'collapse') {
-          getCollapse(collapse);
+          getCollapse(collapse)
         } else if (collapse.type && collapse.type === 'item') {
           if (location.pathname === collapse.url) {
-            setMain(menu);
-            setItem(collapse);
+            setMain(menu)
+            setItem(collapse)
           }
         }
-        return false;
-      });
+        return false
+      })
     }
-  };
+  }
 
   useEffect(() => {
     navigation?.items?.map((menu) => {
       if (menu.type && menu.type === 'group') {
-        getCollapse(menu);
+        getCollapse(menu)
       }
-      return false;
-    });
-  });
+      return false
+    })
+  })
 
   // only used for component demo breadcrumbs
   if (location.pathname === '/breadcrumbs') {
-    location.pathname = '/dashboard/analytics';
+    location.pathname = '/dashboard/analytics'
   }
 
-  let mainContent;
-  let itemContent;
-  let breadcrumbContent = <Typography />;
-  let itemTitle = '';
+  let mainContent
+  let itemContent
+  let breadcrumbContent = <Typography />
+  let itemTitle = ''
 
   // collapse item
   if (main && main.type === 'collapse') {
@@ -59,17 +59,17 @@ const Breadcrumbs = ({ navigation, title, ...others }) => {
       >
         {main.title}
       </Typography>
-    );
+    )
   }
 
   // items
   if (item && item.type === 'item') {
-    itemTitle = item.title;
+    itemTitle = item.title
     itemContent = (
       <Typography variant='subtitle1' color='textPrimary'>
         {itemTitle}
       </Typography>
-    );
+    )
 
     // main
     if (item.breadcrumbs !== false) {
@@ -109,16 +109,16 @@ const Breadcrumbs = ({ navigation, title, ...others }) => {
             )}
           </Grid>
         </MainCard>
-      );
+      )
     }
   }
 
-  return breadcrumbContent;
-};
+  return breadcrumbContent
+}
 
 Breadcrumbs.propTypes = {
   navigation: PropTypes.object,
   title: PropTypes.bool,
-};
+}
 
-export default Breadcrumbs;
+export default Breadcrumbs

apps/react/case-portal/src/components/@extended/Dot.js

@@ -1,29 +1,29 @@
-import PropTypes from 'prop-types';
-import { useTheme } from '@mui/material/styles';
-import Box from '@mui/material/Box';
+import PropTypes from 'prop-types'
+import { useTheme } from '@mui/material/styles'
+import Box from '@mui/material/Box'
 
 const Dot = ({ color, size }) => {
-  const theme = useTheme();
-  let main;
+  const theme = useTheme()
+  let main
   switch (color) {
     case 'secondary':
-      main = theme.palette.secondary.main;
-      break;
+      main = theme.palette.secondary.main
+      break
     case 'error':
-      main = theme.palette.error.main;
-      break;
+      main = theme.palette.error.main
+      break
     case 'warning':
-      main = theme.palette.warning.main;
-      break;
+      main = theme.palette.warning.main
+      break
     case 'info':
-      main = theme.palette.info.main;
-      break;
+      main = theme.palette.info.main
+      break
     case 'success':
-      main = theme.palette.success.main;
-      break;
+      main = theme.palette.success.main
+      break
     case 'primary':
     default:
-      main = theme.palette.primary.main;
+      main = theme.palette.primary.main
   }
 
   return (
@@ -35,12 +35,12 @@ const Dot = ({ color, size }) => {
         bgcolor: main,
       }}
     />
-  );
-};
+  )
+}
 
 Dot.propTypes = {
   color: PropTypes.string,
   size: PropTypes.number,
-};
+}
 
-export default Dot;
+export default Dot