add cloud_mode

pages/404.js

@@ -2,9 +2,9 @@ import React from 'react';
 import Layout from 'components/layout/Layout';
 import { FormattedMessage } from 'react-intl';
 
-export default function Custom404() {
+export default function Custom404({ settingsDisabled }) {
   return (
-    <Layout>
+    <Layout settingsDisabled={settingsDisabled}>
       <div className="row justify-content-center">
         <h1>
           <FormattedMessage id="message.page-not-found" defaultMessage="Page not found" />
@@ -13,3 +13,11 @@ export default function Custom404() {
     </Layout>
   );
 }
+
+export async function getServerSideProps() {
+  return {
+    props: {
+      settingsDisabled: !!process.env.CLOUD_MODE,
+    },
+  };
+}

pages/console/[[...id]].js

@@ -4,7 +4,7 @@ import TestConsole from 'components/pages/TestConsole';
 import useRequireLogin from 'hooks/useRequireLogin';
 import useUser from 'hooks/useUser';
 
-export default function ConsolePage({ enabled }) {
+export default function ConsolePage({ enabled, settingsDisabled }) {
   const { loading } = useRequireLogin();
   const { user } = useUser();
 
@@ -13,7 +13,7 @@ export default function ConsolePage({ enabled }) {
   }
 
   return (
-    <Layout>
+    <Layout settingsDisabled={settingsDisabled}>
       <TestConsole />
     </Layout>
   );

pages/dashboard/[[...id]].js

@@ -3,7 +3,7 @@ import Layout from 'components/layout/Layout';
 import Dashboard from 'components/pages/Dashboard';
 import useRequireLogin from 'hooks/useRequireLogin';
 
-export default function DashboardPage() {
+export default function DashboardPage({ settingsDisabled }) {
   const { loading } = useRequireLogin();
 
   if (loading) {
@@ -11,8 +11,16 @@ export default function DashboardPage() {
   }
 
   return (
-    <Layout>
+    <Layout settingsDisabled={settingsDisabled}>
       <Dashboard />
     </Layout>
   );
 }
+
+export async function getServerSideProps() {
+  return {
+    props: {
+      settingsDisabled: !!process.env.CLOUD_MODE,
+    },
+  };
+}

pages/login.js

@@ -16,6 +16,6 @@ export default function LoginPage({ loginDisabled }) {
 
 export async function getServerSideProps() {
   return {
-    props: { loginDisabled: !!process.env.DISABLE_LOGIN },
+    props: { loginDisabled: !!process.env.DISABLE_LOGIN || process.env.CLOUD_MODE },
   };
 }

pages/realtime.js

@@ -3,7 +3,7 @@ import Layout from 'components/layout/Layout';
 import RealtimeDashboard from 'components/pages/RealtimeDashboard';
 import useRequireLogin from 'hooks/useRequireLogin';
 
-export default function RealtimePage() {
+export default function RealtimePage({ settingsDisabled }) {
   const { loading } = useRequireLogin();
 
   if (loading) {
@@ -11,8 +11,16 @@ export default function RealtimePage() {
   }
 
   return (
-    <Layout>
+    <Layout settingsDisabled={settingsDisabled}>
       <RealtimeDashboard />
     </Layout>
   );
 }
+
+export async function getServerSideProps() {
+  return {
+    props: {
+      settingsDisabled: !!process.env.CLOUD_MODE,
+    },
+  };
+}

pages/settings/accounts.js

@@ -1,3 +1,11 @@
 import Index from './index';
 
 export default Index;
+
+export async function getServerSideProps() {
+  return {
+    props: {
+      settingsDisabled: !!process.env.CLOUD_MODE,
+    },
+  };
+}

pages/settings/index.js

@@ -3,16 +3,26 @@ import Layout from 'components/layout/Layout';
 import Settings from 'components/pages/Settings';
 import useRequireLogin from 'hooks/useRequireLogin';
 
-export default function SettingsPage() {
+export default function SettingsPage({ settingsDisabled }) {
   const { loading } = useRequireLogin();
 
-  if (loading) {
+  if (settingsDisabled || loading) {
     return null;
   }
 
   return (
-    <Layout>
+    <Layout settingsDisabled={settingsDisabled}>
+      TEST TEST TEST
+      {settingsDisabled}
       <Settings />
     </Layout>
   );
 }
+
+export async function getServerSideProps() {
+  return {
+    props: {
+      settingsDisabled: !!process.env.CLOUD_MODE,
+    },
+  };
+}

pages/settings/profile.js

@@ -1,3 +1,11 @@
 import Index from './index';
 
 export default Index;
+
+export async function getServerSideProps() {
+  return {
+    props: {
+      settingsDisabled: !!process.env.CLOUD_MODE,
+    },
+  };
+}

pages/share/[...id].js

@@ -4,7 +4,7 @@ import Layout from 'components/layout/Layout';
 import WebsiteDetails from 'components/pages/WebsiteDetails';
 import useShareToken from 'hooks/useShareToken';
 
-export default function SharePage() {
+export default function SharePage({ settingsDisabled }) {
   const router = useRouter();
   const { id } = router.query;
   const shareId = id?.[0];
@@ -17,8 +17,16 @@ export default function SharePage() {
   const { websiteId } = shareToken;
 
   return (
-    <Layout>
+    <Layout settingsDisabled={settingsDisabled}>
       <WebsiteDetails websiteId={websiteId} />
     </Layout>
   );
 }
+
+export async function getServerSideProps() {
+  return {
+    props: {
+      settingsDisabled: !!process.env.CLOUD_MODE,
+    },
+  };
+}

pages/websites/[...id].js

@@ -4,7 +4,7 @@ import Layout from 'components/layout/Layout';
 import WebsiteDetails from 'components/pages/WebsiteDetails';
 import useRequireLogin from 'hooks/useRequireLogin';
 
-export default function DetailsPage() {
+export default function DetailsPage({ settingsDisabled }) {
   const { loading } = useRequireLogin();
   const router = useRouter();
   const { id } = router.query;
@@ -16,8 +16,16 @@ export default function DetailsPage() {
   const [websiteId] = id;
 
   return (
-    <Layout>
+    <Layout settingsDisabled={settingsDisabled}>
       <WebsiteDetails websiteId={websiteId} />
     </Layout>
   );
 }
+
+export async function getServerSideProps() {
+  return {
+    props: {
+      settingsDisabled: !!process.env.CLOUD_MODE,
+    },
+  };
+}