Add disabled prop (#2472)

Author: Alex-Tideman

Diff for: src/lib/pages/nexus-empty-state.svelte

@@ -5,6 +5,8 @@
   import { useDarkMode } from '$lib/utilities/dark-mode';
   import { routeForNexusEndpointCreate } from '$lib/utilities/route-for';
   import andromeda from '$lib/vendor/andromeda.png';
+
+  export let createDisabled = false;
 </script>
 
 <div class="flex min-h-screen flex-col gap-8 p-10">
@@ -35,7 +37,10 @@
           a uniform interface to get the status of an operation or its result,
           receive a completion callback, or cancel the operation.
         </p>
-        <Button variant="primary" href={routeForNexusEndpointCreate()}
+        <Button
+          disabled={createDisabled}
+          variant="primary"
+          href={routeForNexusEndpointCreate()}
           >{translate('nexus.create-endpoint')}</Button
         >
       </div>

Diff for: src/lib/pages/nexus-endpoints.svelte

@@ -22,6 +22,7 @@
 
   export let endpoints: NexusEndpoint[] = [];
   export let searchPlaceholder = translate('common.search');
+  export let createDisabled = false;
 
   let search = '';
   $: searchParam = $page.url.searchParams.get('search') || '';
@@ -40,13 +41,16 @@
 </script>
 
 {#if !endpoints?.length && !searchParam}
-  <NexusEmptyState />
+  <NexusEmptyState {createDisabled} />
 {:else}
   <div class="mb-8 flex items-center justify-between">
     <h1 data-testid="namespace-selector-title">
       {translate('nexus.endpoints')}
     </h1>
-    <Button variant="primary" href={routeForNexusEndpointCreate()}
+    <Button
+      disabled={createDisabled}
+      variant="primary"
+      href={routeForNexusEndpointCreate()}
       >{translate('nexus.create-endpoint')}</Button
     >
   </div>