[dashboard]: create a settings tab inside admin

Author: Simon Emms

components/dashboard/src/App.tsx

@@ -49,6 +49,7 @@ const InstallGitHubApp = React.lazy(() => import(/* webpackPrefetch: true */ './
 const FromReferrer = React.lazy(() => import(/* webpackPrefetch: true */ './FromReferrer'));
 const UserSearch = React.lazy(() => import(/* webpackPrefetch: true */ './admin/UserSearch'));
 const WorkspacesSearch = React.lazy(() => import(/* webpackPrefetch: true */ './admin/WorkspacesSearch'));
+const AdminSettings = React.lazy(() => import(/* webpackPrefetch: true */ './admin/Settings'));
 const OAuthClientApproval = React.lazy(() => import(/* webpackPrefetch: true */ './OauthClientApproval'));
 
 function Loading() {
@@ -276,6 +277,7 @@ function App() {
 
                 <Route path="/admin/users" component={UserSearch} />
                 <Route path="/admin/workspaces" component={WorkspacesSearch} />
+                <Route path="/admin/settings" component={AdminSettings} />
 
                 <Route path={["/", "/login"]} exact>
                     <Redirect to="/workspaces" />

components/dashboard/src/admin/Settings.tsx

@@ -0,0 +1,22 @@
+import { useContext } from "react";
+import CheckBox from "../components/CheckBox";
+import { PageWithSubMenu } from "../components/PageWithSubMenu";
+import { UserContext } from "../user-context";
+import { adminMenu } from "./admin-menu";
+
+export default function Settings() {
+    const { user } = useContext(UserContext);
+
+    console.log({ user })
+
+    return (
+        <div>
+            <PageWithSubMenu subMenu={adminMenu} title="Settings" subtitle="Configure settings for your Gitpod cluster.">
+                <CheckBox
+                    title="Send anonymous telemetry to Gitpod"
+                    desc="This telemetry is used to provide insights on how you use your cluster so we can provide a better overall experience"
+                    checked={true} />
+            </PageWithSubMenu>
+        </div>
+    )
+}

components/dashboard/src/admin/admin-menu.ts

@@ -10,4 +10,7 @@ export const adminMenu = [{
 }, {
     title: 'Workspaces',
     link: ['/admin/workspaces']
+}, {
+    title: 'Settings',
+    link: ['/admin/settings']
 },];