adding team_enabled flag

iamhks · Sep 10, 2023 · 9bc54af · 9bc54af
1 parent 65de286
commit 9bc54af
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/zubhub_frontend/zubhub/src/views/create_team/CreateTeam.jsx b/zubhub_frontend/zubhub/src/views/create_team/CreateTeam.jsx
@@ -11,6 +11,7 @@ import {
   Typography,
   makeStyles,
   useMediaQuery,
+  Container
 } from '@material-ui/core';
 import {
   ArrowBackIosRounded,
@@ -45,7 +46,7 @@ import * as script from './script';
 import Step1 from './step1/Step1';
 import Step2 from './step2/Step2';
 import Step3 from './step3/Step3';
-// import { TEAM_ENABLED } from '../../utils.js';
+import disconnected from '../../assets/images/disconnected-chains.svg';
 
 // const PreviewProject = lazy(() => import('../../components/previewProject/PreviewProject'));
 
@@ -54,6 +55,7 @@ const steps = ['Team Details', 'Add Team Members', 'Select Team Project'];
 
 
 function CreateTeam(props) {
+  const TEAM_ENABLED=false;
   const [completedSteps, setcompletedSteps] = useState([]);
   const { height } = useDomElementHeight('navbar-root');
   const isSmallScreen = useMediaQuery(theme => theme.breakpoints.down('sm'));
@@ -124,6 +126,7 @@ function CreateTeam(props) {
   const handleBlur = name => {
     formik.setTouched({ [name]: true }, true);
   };
+
 
   useEffect(() => {
     if (state.success) {
@@ -240,6 +243,22 @@ function CreateTeam(props) {
 
   //   if (mode.length == 0) return null;
   // }
+  if (!TEAM_ENABLED) {
+    return (
+      <Box className={classes.root}>
+        <Container className={classes.mainContainerStyle}>
+          <img className={classes.disconnectedStyle} src={disconnected} alt="Work in Progress" />
+          <Box className={classes.errorBoxStyle}>
+            <Typography variant="h1">Work in Progress</Typography>
+            <Typography style={{ marginBottom: 50 }} variant="h5">
+              This feature is currently under development.
+            </Typography>
+            {/* You can add any additional content or message here */}
+          </Box>
+        </Container>
+      </Box>
+    );
+  }
 
   return (
     <div className={classes.container}>

diff --git a/zubhub_frontend/zubhub/src/views/create_team/createTeam.style.js b/zubhub_frontend/zubhub/src/views/create_team/createTeam.style.js
@@ -4,6 +4,12 @@ export const createProjectStyle = theme => ({
     container: {
         color: colors.gray,
     },
+    disconnectedStyle: {
+        height: '20em',
+        alignItems:'center',
+        [theme.breakpoints.down('500')]: {
+          height: '10em',
+        }},
     banner: ({ height }) => ({
         backgroundColor: colors.white,
         padding: '15px',