Add server settings with auth state

src/global.d.ts

@@ -81,3 +81,9 @@ type FilterParameters = {
   status?: WorkflowStatus;
   timeRange?: Duration | string;
 };
+
+type Settings = {
+  auth: {
+    enabled: boolean;
+  };
+};

src/lib/services/settings-service.ts

@@ -0,0 +1,14 @@
+import { requestFromAPI } from '$lib/utilities/request-from-api';
+
+export const fetchSettings = async (request = fetch): Promise<Settings> => {
+  const settings: { Auth: { Enabled: boolean } } = await requestFromAPI(
+    `/settings`,
+    { request },
+  );
+
+  return {
+    auth: {
+      enabled: settings.Auth.Enabled,
+    },
+  };
+};

src/lib/stores/settings.ts

@@ -0,0 +1,16 @@
+import { writable } from 'svelte/store';
+
+import { fetchSettings } from '$lib/services/settings-service';
+
+export const settings = writable<Settings>({
+  auth: {
+    enabled: false,
+  },
+});
+
+const loadSettings = async (): Promise<void> => {
+  const settingsRes = await fetchSettings();
+  settings.set(settingsRes);
+};
+
+loadSettings();

src/routes/_header.svelte

@@ -16,6 +16,7 @@
 <script lang="ts">
   import { namespace } from '$lib/stores/namespace';
   import DataConvertorStatus from '$lib/components/data-convertor-status.svelte';
+  import { settings } from '$lib/stores/settings';
   import NavigationLink from './_navigation-link.svelte';
   export let user: { name?: string; email?: string; picture?: string } = {};
 </script>
@@ -47,14 +48,16 @@
     >
       Report Bug/Give Feedback
     </a>
-    {#if user.email}
-      <span href={`/namespaces/${$namespace}/settings`}>
-        {user.email}
-      </span>
-    {:else}
-      <a class="header-button" href={import.meta.env.VITE_API + '/auth/sso'}>
-        Sign In
-      </a>
+    {#if $settings.auth?.enabled}
+      {#if user.email}
+        <span href={`/namespaces/${$namespace}/settings`}>
+          {user.email}
+        </span>
+      {:else}
+        <a class="header-button" href={import.meta.env.VITE_API + '/auth/sso'}>
+          Sign In
+        </a>
+      {/if}
     {/if}
   </div>
 </header>