bug: note reply always

closes #189

src/Element/NoteCreator.tsx

@@ -1,9 +1,7 @@
 import "./NoteCreator.css";
 
 import { useState } from "react";
-
 import Attachment from "Icons/Attachment";
-import Plus from "Icons/Plus";
 import useEventPublisher from "Feed/EventPublisher";
 import { openFile } from "Util";
 import Textarea from "Element/Textarea";
@@ -97,9 +95,6 @@ export function NoteCreator(props: NoteCreatorProps) {
 
   return (
     <>
-        <button className="note-create-button" type="button" onClick={() => setShow(!show)}>
-          <Plus />
-        </button>
       {show && (
         <Modal
           className="note-creator-modal"

src/Pages/Layout.tsx

@@ -1,5 +1,5 @@
 import "./Layout.css";
-import { useEffect } from "react"
+import { useEffect, useState } from "react"
 import { useDispatch, useSelector } from "react-redux";
 import { Outlet, useNavigate } from "react-router-dom";
 import Envelope from "Icons/Envelope";
@@ -18,9 +18,12 @@ import useModeration from "Hooks/useModeration";
 import { IndexedUDB, useDb } from "State/Users/Db";
 import { db } from "Db";
 import { bech32ToHex } from "Util";
+import { NoteCreator } from "Element/NoteCreator";
+import Plus from "Icons/Plus";
 
 
 export default function Layout() {
+    const [show, setShow] = useState(false)
     const dispatch = useDispatch();
     const navigate = useNavigate();
     const { loggedOut, publicKey, relays, notifications, readNotifications, dms, preferences, newUserKey } = useSelector((s: RootState) => s.login);
@@ -174,8 +177,12 @@ export default function Layout() {
                     }
                 </div>
             </header>
-
             <Outlet />
+
+            <button className="note-create-button" type="button" onClick={() => setShow(!show)}>
+                <Plus />
+            </button>
+            <NoteCreator replyTo={undefined} autoFocus={true} show={show} setShow={setShow} />
         </div>
     )
 }

src/Pages/Root.tsx

@@ -4,7 +4,6 @@ import { useSelector } from "react-redux";
 import { Link } from "react-router-dom";
 
 import { RootState } from "State/Store";
-import { NoteCreator } from "Element/NoteCreator";
 import Timeline from "Element/Timeline";
 import { HexKey } from "Nostr";
 import { TimelineSubject } from "Feed/TimelineFeed";
@@ -16,7 +15,6 @@ const RootTab = {
 };
 
 export default function RootPage() {
-    const [show, setShow] = useState(false)
     const [loggedOut, pubKey, follows] = useSelector<RootState, [boolean | undefined, HexKey | undefined, HexKey[]]>(s => [s.login.loggedOut, s.login.publicKey, s.login.follows]);
     const [tab, setTab] = useState(RootTab.Posts);
 
@@ -46,7 +44,6 @@ export default function RootPage() {
                 </div></> : null}
             {followHints()}
             <Timeline key={tab} subject={timelineSubect} postsOnly={tab === RootTab.Posts} method={"TIME_RANGE"} window={tab === RootTab.Global ? 60 : undefined} />
-            <NoteCreator replyTo={undefined} autoFocus={true} show={show} setShow={setShow} />
         </>
     );
 }