Merge pull request #990 from automatisch/disable-conditional-features

feat: disable non-cloud features

packages/web/src/components/LoginForm/index.tsx

@@ -7,6 +7,7 @@ import Typography from '@mui/material/Typography';
 import LoadingButton from '@mui/lab/LoadingButton';
 
 import useAuthentication from 'hooks/useAuthentication';
+import useCloud from 'hooks/useCloud';
 import * as URLS from 'config/urls';
 import { LOGIN } from 'graphql/mutations/login';
 import Form from 'components/Form';
@@ -14,6 +15,7 @@ import TextField from 'components/TextField';
 import useFormatMessage from 'hooks/useFormatMessage';
 
 function LoginForm() {
+  const isCloud = useCloud();
   const navigate = useNavigate();
   const formatMessage = useFormatMessage();
   const authentication = useAuthentication();
@@ -76,13 +78,13 @@ function LoginForm() {
           sx={{ mb: 1 }}
         />
 
-        <Link
+        {isCloud &&<Link
           component={RouterLink}
           to={URLS.FORGOT_PASSWORD}
           underline="none"
         >
           {formatMessage('loginForm.forgotPasswordText')}
-        </Link>
+        </Link>}
 
         <LoadingButton
           type="submit"
@@ -96,13 +98,13 @@ function LoginForm() {
           {formatMessage('loginForm.submit')}
         </LoadingButton>
 
-        <Typography variant="body1" align="center" mt={3}>
+        {isCloud && <Typography variant="body1" align="center" mt={3}>
           {formatMessage('loginForm.noAccount')}
           &nbsp;
           <Link component={RouterLink} to={URLS.SIGNUP} underline="none">
           {formatMessage('loginForm.signUp')}
           </Link>
-        </Typography>
+        </Typography>}
       </Form>
     </Paper>
   );

packages/web/src/hooks/useCloud.ts

@@ -1,7 +1,20 @@
+import { useNavigate } from 'react-router-dom';
+
 import useAutomatischInfo from './useAutomatischInfo';
 
-export default function useCloud(): boolean {
+type UseCloudOptions = {
+  redirect?: boolean;
+}
+
+export default function useCloud(options?: UseCloudOptions): boolean {
+  const redirect = options?.redirect || false;
+
   const { isCloud } = useAutomatischInfo();
+  const navigate = useNavigate();
+
+  if (isCloud === false && redirect) {
+    navigate('/');
+  }
 
   return isCloud;
 }

packages/web/src/index.tsx

@@ -12,21 +12,23 @@ import routes from 'routes';
 import reportWebVitals from './reportWebVitals';
 
 ReactDOM.render(
-  <SnackbarProvider>
+  <Router>
-    <AuthenticationProvider>
+    <SnackbarProvider>
-      <ApolloProvider>
+      <AuthenticationProvider>
-        <AutomatischInfoProvider>
+        <ApolloProvider>
-          <IntlProvider>
+          <AutomatischInfoProvider>
-            <ThemeProvider>
+            <IntlProvider>
-              <Router>{routes}</Router>
+              <ThemeProvider>
+                {routes}
 
-              <LiveChat />
+                <LiveChat />
-            </ThemeProvider>
+              </ThemeProvider>
-          </IntlProvider>
+            </IntlProvider>
-        </AutomatischInfoProvider>
+          </AutomatischInfoProvider>
-      </ApolloProvider>
+        </ApolloProvider>
-    </AuthenticationProvider>
+      </AuthenticationProvider>
-  </SnackbarProvider>,
+    </SnackbarProvider>
+  </Router>,
   document.getElementById('root')
 );
 

packages/web/src/pages/ForgotPassword/index.ee.tsx

@@ -1,9 +1,13 @@
 import * as React from 'react';
 import Box from '@mui/material/Box';
+
+import useCloud from 'hooks/useCloud';
 import Container from 'components/Container';
 import ForgotPasswordForm from 'components/ForgotPasswordForm/index.ee';
 
 export default function ForgotPassword(): React.ReactElement {
+  useCloud({ redirect: true });
+
   return (
     <Box sx={{ display: 'flex', flex: 1, alignItems: 'center' }}>
       <Container maxWidth="sm">

packages/web/src/pages/ResetPassword/index.ee.tsx

@@ -1,9 +1,13 @@
 import * as React from 'react';
 import Box from '@mui/material/Box';
+
+import useCloud from 'hooks/useCloud';
 import Container from 'components/Container';
 import ResetPasswordForm from 'components/ResetPasswordForm/index.ee';
 
 export default function ResetPassword(): React.ReactElement {
+  useCloud({ redirect: true });
+
   return (
     <Box sx={{ display: 'flex', flex: 1, alignItems: 'center' }}>
       <Container maxWidth="sm">

packages/web/src/pages/SignUp/index.ee.tsx

@@ -1,9 +1,13 @@
 import * as React from 'react';
 import Box from '@mui/material/Box';
+
+import useCloud from 'hooks/useCloud';
 import Container from 'components/Container';
 import SignUpForm from 'components/SignUpForm/index.ee';
 
-export default function Login(): React.ReactElement {
+export default function SignUp(): React.ReactElement {
+  useCloud({ redirect: true });
+
   return (
     <Box sx={{ display: 'flex', flex: 1, alignItems: 'center' }}>
       <Container maxWidth="sm">