add cloud_mode

components/layout/Header.js

@@ -14,7 +14,7 @@ import useUser from 'hooks/useUser';
 import Logo from 'assets/logo.svg';
 import styles from './Header.module.css';
 
-export default function Header() {
+export default function Header({ settingsDisabled }) {
   const { user } = useUser();
   const { pathname } = useRouter();
   const { updatesDisabled } = useConfig();
@@ -38,15 +38,17 @@ export default function Header() {
             <Link href="/realtime">
               <FormattedMessage id="label.realtime" defaultMessage="Realtime" />
             </Link>
-            <Link href="/settings">
-              <FormattedMessage id="label.settings" defaultMessage="Settings" />
-            </Link>
+            {!settingsDisabled && (
+              <Link href="/settings">
+                <FormattedMessage id="label.settings" defaultMessage="Settings" />
+              </Link>
+            )}
           </div>
         )}
         <div className={styles.buttons}>
           <ThemeButton />
           <LanguageButton menuAlign="right" />
-          {user && <UserButton />}
+          {user && <UserButton settingsDisabled={settingsDisabled} />}
         </div>
       </header>
     </>

components/layout/Layout.js

@@ -4,7 +4,13 @@ import Header from 'components/layout/Header';
 import Footer from 'components/layout/Footer';
 import useLocale from 'hooks/useLocale';
 
-export default function Layout({ title, children, header = true, footer = true }) {
+export default function Layout({
+  title,
+  children,
+  header = true,
+  footer = true,
+  settingsDisabled = false,
+}) {
   const { dir } = useLocale();
 
   return (
@@ -13,7 +19,7 @@ export default function Layout({ title, children, header = true, footer = true }
         <title>umami{title && ` - ${title}`}</title>
       </Head>
 
-      {header && <Header />}
+      {header && <Header settingsDisabled={settingsDisabled} />}
       <main>{children}</main>
       {footer && <Footer />}
       <div id="__modals" dir={dir} />

components/settings/UserButton.js

@@ -9,7 +9,7 @@ import styles from './UserButton.module.css';
 import { AUTH_TOKEN } from 'lib/constants';
 import useUser from 'hooks/useUser';
 
-export default function UserButton() {
+export default function UserButton({ settingsDisabled }) {
   const { user } = useUser();
   const router = useRouter();
 
@@ -25,7 +25,11 @@ export default function UserButton() {
       value: 'username',
       className: styles.username,
     },
-    { label: <FormattedMessage id="label.profile" defaultMessage="Profile" />, value: 'profile' },
+    {
+      label: <FormattedMessage id="label.profile" defaultMessage="Profile" />,
+      value: 'profile',
+      hidden: settingsDisabled,
+    },
     { label: <FormattedMessage id="label.logout" defaultMessage="Logout" />, value: 'logout' },
   ];