From 25166435618b52331fbd4049fb1d38131eb5cfd5 Mon Sep 17 00:00:00 2001
From: nbitzz <77242831+nbitzz@users.noreply.github.com>
Date: Sun, 5 Feb 2023 16:45:28 -0800
Subject: [PATCH] b frorgorot to commit this

---
 src/style/app/pulldown.scss               |  8 ++++++++
 src/svelte/elem/PulldownManager.svelte    | 19 ++++++++++++++-----
 src/svelte/elem/Topbar.svelte             |  9 ++++++---
 src/svelte/elem/pulldowns/Accounts.svelte |  6 +++---
 src/svelte/elem/pulldowns/FAQ.svelte      |  7 +++++++
 src/svelte/elem/pulldowns/Files.svelte    |  7 +++++++
 src/svelte/elem/pulldowns/Pulldown.svelte | 15 +++------------
 7 files changed, 48 insertions(+), 23 deletions(-)
 create mode 100644 src/svelte/elem/pulldowns/FAQ.svelte
 create mode 100644 src/svelte/elem/pulldowns/Files.svelte

diff --git a/src/style/app/pulldown.scss b/src/style/app/pulldown.scss
index f18c83c..413e01a 100644
--- a/src/style/app/pulldown.scss
+++ b/src/style/app/pulldown.scss
@@ -35,4 +35,12 @@
     }
 
     z-index: 1001;
+}
+
+.pulldown_display {
+    position:absolute;
+    left:0px;
+    top:0px;
+    width:100%;
+    height:100%;
 }
\ No newline at end of file
diff --git a/src/svelte/elem/PulldownManager.svelte b/src/svelte/elem/PulldownManager.svelte
index 07716ee..0f5b86b 100644
--- a/src/svelte/elem/PulldownManager.svelte
+++ b/src/svelte/elem/PulldownManager.svelte
@@ -1,6 +1,17 @@
 <script context="module">
     import { writable } from "svelte/store";
-    import { allPulldowns } from "./pulldowns/Pulldown.svelte";
+
+    // can't find a better way to do this
+    import Files from "./pulldowns/Files.svelte";
+    import Accounts from "./pulldowns/Accounts.svelte";
+    import FAQ from "./pulldowns/FAQ.svelte";
+
+    export let allPulldowns = new Map()
+
+    allPulldowns
+        .set("account",Accounts)
+        .set("faq",FAQ)
+        .set("files",Files)
 
     export const pulldownOpen = writable(false); 
 </script>
@@ -8,7 +19,7 @@
 <script>
     import { onMount } from "svelte";
     import { fade, scale } from "svelte/transition";
-    
+
     export function isOpen() {
         return $pulldownOpen
     }
@@ -27,9 +38,7 @@
 </script>
 {#if $pulldownOpen}
     <div class="pulldown" transition:fade={{duration:200}}>
-        <!-- I'm not sure how I could do this any better, so... yeah -->
-
-
+        <svelte:component this={allPulldowns.get($pulldownOpen)} />
     </div>
 
     <button 
diff --git a/src/svelte/elem/Topbar.svelte b/src/svelte/elem/Topbar.svelte
index 83ea9d0..a0e8427 100644
--- a/src/svelte/elem/Topbar.svelte
+++ b/src/svelte/elem/Topbar.svelte
@@ -18,9 +18,12 @@
             transition:_void={{duration:200,prop:"width",easingFunc:circOut}}
         >close</button>
     {/if}
-    <button class="menuBtn" on:click={pulldown.openPulldown}>what's new</button>
-    <button class="menuBtn">files</button>
-    <button class="menuBtn">account</button>
+    
+    <!-- too lazy to make this better -->
+
+    <button class="menuBtn" on:click={() => pulldown.openPulldown("files")}>files</button>
+    <button class="menuBtn" on:click={() => pulldown.openPulldown("account")}>account</button>
+    <button class="menuBtn" on:click={() => pulldown.openPulldown("faq")}>faq</button>
 
     <div /> <!-- not sure what's offcenter but something is
                  so this div is here to ""fix"" that        -->
diff --git a/src/svelte/elem/pulldowns/Accounts.svelte b/src/svelte/elem/pulldowns/Accounts.svelte
index 0eb56f0..fc7fe86 100644
--- a/src/svelte/elem/pulldowns/Accounts.svelte
+++ b/src/svelte/elem/pulldowns/Accounts.svelte
@@ -1,7 +1,7 @@
 <script>
-    import { Pulldown } from "./Pulldown.svelte"
+    import Pulldown from "./Pulldown.svelte"
 </script>
 
-<Pulldown name="accounts">
-    
+<Pulldown>
+    <p>accs</p>
 </Pulldown>
\ No newline at end of file
diff --git a/src/svelte/elem/pulldowns/FAQ.svelte b/src/svelte/elem/pulldowns/FAQ.svelte
new file mode 100644
index 0000000..ffd07fd
--- /dev/null
+++ b/src/svelte/elem/pulldowns/FAQ.svelte
@@ -0,0 +1,7 @@
+<script>
+    import Pulldown from "./Pulldown.svelte"
+</script>
+
+<Pulldown>
+    <p>faq: how do i kms</p>
+</Pulldown>
\ No newline at end of file
diff --git a/src/svelte/elem/pulldowns/Files.svelte b/src/svelte/elem/pulldowns/Files.svelte
new file mode 100644
index 0000000..7fb91ab
--- /dev/null
+++ b/src/svelte/elem/pulldowns/Files.svelte
@@ -0,0 +1,7 @@
+<script>
+    import Pulldown from "./Pulldown.svelte"
+</script>
+
+<Pulldown>
+    <p>no</p>
+</Pulldown>
\ No newline at end of file
diff --git a/src/svelte/elem/pulldowns/Pulldown.svelte b/src/svelte/elem/pulldowns/Pulldown.svelte
index bf7768c..b2275dd 100644
--- a/src/svelte/elem/pulldowns/Pulldown.svelte
+++ b/src/svelte/elem/pulldowns/Pulldown.svelte
@@ -1,20 +1,11 @@
-<script context="module">
-    import { writable } from "svelte/store";
-
-    export const allPulldowns = writable(new Map());
-</script>
 <script>
-    import { pulldownOpen } from "../PulldownManager.svelte";
 
-    export let name;
+    import { fade } from "svelte/transition";
 
-    allPulldowns
-        .set(name,this)
 </script>
-
 <div 
-    class="pulldown_display" 
-    style:display={$pulldownOpen == name ? "block" : "none"}
+    class="pulldown_display"
+    transition:fade={{duration:200}} 
 >
     <slot />
 </div>
\ No newline at end of file