From 17451c180af3c80f105f70c028be59bcb5cf71ef Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Wed, 3 Jul 2024 21:14:56 -0400
Subject: [PATCH] fix: Header search input is on the wrong side on Drafts page

---
 app/components/InputSearchPage.tsx |  8 ++++++++
 app/scenes/Drafts.tsx              | 12 ++++--------
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/app/components/InputSearchPage.tsx b/app/components/InputSearchPage.tsx
index 0b0b28071..f9c86619b 100644
--- a/app/components/InputSearchPage.tsx
+++ b/app/components/InputSearchPage.tsx
@@ -11,13 +11,21 @@ import { searchPath } from "~/utils/routeHelpers";
 import Input, { Outline } from "./Input";
 
 type Props = {
+  /** A string representing where the search started, for tracking. */
   source: string;
+  /** Placeholder text for the input. */
   placeholder?: string;
+  /** Label for the input. */
   label?: string;
+  /** Whether the label should be hidden. */
   labelHidden?: boolean;
+  /** An optional ID of a collection to search within. */
   collectionId?: string;
+  /** The current value of the input. */
   value?: string;
+  /** Event handler for when the input value changes. */
   onChange?: (event: React.ChangeEvent<HTMLInputElement>) => unknown;
+  /** Event handler for when a key is pressed. */
   onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => unknown;
 };
 
diff --git a/app/scenes/Drafts.tsx b/app/scenes/Drafts.tsx
index fe2df47e6..d80fe7840 100644
--- a/app/scenes/Drafts.tsx
+++ b/app/scenes/Drafts.tsx
@@ -53,15 +53,11 @@ function Drafts() {
     <Scene
       icon={<DraftsIcon />}
       title={t("Drafts")}
+      left={<InputSearchPage source="drafts" label={t("Search documents")} />}
       actions={
-        <>
-          <Action>
-            <InputSearchPage source="drafts" label={t("Search documents")} />
-          </Action>
-          <Action>
-            <NewDocumentMenu />
-          </Action>
-        </>
+        <Action>
+          <NewDocumentMenu />
+        </Action>
       }
     >
       <Heading>{t("Drafts")}</Heading>