make the "search" special card fit into TabElement like the others.

fiatjaf · Sep 17, 2023 · ee3bd96 · ee3bd96
1 parent 23b4c35
commit ee3bd96
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 17 deletions.
diff --git a/src/lib/components/Searchbar.svelte → src/lib/cards/New.svelte b/src/lib/components/Searchbar.svelte → src/lib/cards/New.svelte
diff --git a/src/lib/components/TabElement.svelte b/src/lib/components/TabElement.svelte
@@ -10,6 +10,7 @@
   import Search from '$cards/Search.svelte';
   import Settings from '$cards/Settings.svelte';
   import Relay from '$cards/Relay.svelte';
+  import New from '$lib/cards/New.svelte';
 
   export let tab: Tab;
 
@@ -111,6 +112,8 @@
   <article class="font-sans mx-auto p-2 lg:max-w-4xl">
     {#if tab.type === 'article'}
       <Article {createChild} {replaceSelf} eventId={tab.data} {tab} />
+    {:else if tab.type === 'new'}
+      <New />
     {:else if tab.type === 'find'}
       <Search {createChild} {replaceSelf} query={tab.data} {tab} />
     {:else if tab.type === 'welcome'}

diff --git a/src/lib/types.ts b/src/lib/types.ts
@@ -1,4 +1,4 @@
-export type TabType = 'welcome' | 'find' | 'article' | 'relay' | 'settings' | 'editor';
+export type TabType = 'welcome' | 'find' | 'article' | 'relay' | 'settings' | 'editor' | 'new';
 
 export interface Tab {
   id: number;

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -3,9 +3,8 @@
 
   import '../app.postcss';
   import { tabs } from '$lib/state';
-  import { isElementInViewport, scrollTabIntoView, getParentCard } from '$lib/utils';
+  import { isElementInViewport, getParentCard } from '$lib/utils';
   import TabElement from '$components/TabElement.svelte';
-  import Searchbar from '$components/Searchbar.svelte';
 
   let dragging = false;
   let startX: number;
@@ -69,18 +68,5 @@
   <!-- this is just empty -->
   <slot />
 
-  <!-- svelte-ignore a11y-no-static-element-interactions a11y-click-events-have-key-events -->
-  <div
-    id={`wikitab-special-search`}
-    class="
-overflow-y-auto
-overflow-x-hidden
-mx-2 p-4 mt-2
-min-w-[395px] max-w-[395px] lg:min-w-[32rem] lg:max-w-[32rem]
-rounded-lg border border-slate-500 bg-slate-50
-h-[calc(100vh_-_32px)]"
-    on:dblclick={(ev) => scrollTabIntoView(ev.currentTarget, false)}
-  >
-    <div class="p-6"><Searchbar /></div>
-  </div>
+  <TabElement tab={{ type: 'new', id: -1 }} />
 </div>