Replace Org with SignIn button

MuckRock · Mar 6, 2024 · a374735 · a374735
1 parent aac4380
commit a374735
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/lib/components/MainLayout.svelte b/src/lib/components/MainLayout.svelte
@@ -7,6 +7,7 @@
   import { SidebarCollapse16, SidebarExpand16 } from "svelte-octicons";
   import type { Writable } from "svelte/store";
   import type { User } from "@/api/types";
+  import { SIGN_IN_URL } from "@/config/config";
 
   export let modal: boolean = false;
   export let basement: "left" | "right" | null = null;
@@ -66,7 +67,12 @@
   </main>
   <nav class="action right large" class:active={panel === "action"} id="action">
     <header class="header">
-      <OrgMenu />
+      <SignedIn>
+        <OrgMenu />
+        <Button slot="signedOut" mode="primary" href={SIGN_IN_URL}
+          >Sign In</Button
+        >
+      </SignedIn>
       <div class="small closePane">
         <Button mode="ghost" on:click={closePanel}>
           <SidebarCollapse16 />

diff --git a/src/lib/components/common/SignedIn.svelte b/src/lib/components/common/SignedIn.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { getContext } from "svelte";
   import type { Writable } from "svelte/store";
   import type { User } from "@/api/types";