From 255724a2c17fb6ecf5bf2289c7451a99b5984bdc Mon Sep 17 00:00:00 2001
From: Kohei Watanabe <kou029w@gmail.com>
Date: Tue, 23 Aug 2022 09:49:34 +0900
Subject: [PATCH] add textarea

---
 app/src/app.css               |  9 +++++++++
 app/src/app.tsx               |  6 +++++-
 app/src/components/editor.css |  3 +++
 app/src/components/editor.tsx | 15 ++++++++++++++-
 4 files changed, 31 insertions(+), 2 deletions(-)
 create mode 100644 app/src/app.css
 create mode 100644 app/src/components/editor.css

diff --git a/app/src/app.css b/app/src/app.css
new file mode 100644
index 0000000..d2eba12
--- /dev/null
+++ b/app/src/app.css
@@ -0,0 +1,9 @@
+header {
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly
+}
+
+a[href^="/"] {
+  text-decoration: none;
+}
diff --git a/app/src/app.tsx b/app/src/app.tsx
index b960e5d..4b1b5a9 100644
--- a/app/src/app.tsx
+++ b/app/src/app.tsx
@@ -1,3 +1,4 @@
+import "./app.css";
 import { createSignal } from "solid-js";
 import Index from "./pages/index";
 import Page from "./pages/page";
@@ -30,7 +31,10 @@ export default () => {
   return () => (
     <>
       <header>
-        <h1>Quot</h1>
+        <h1>
+          <a href="/">Quot</a>
+        </h1>
+        <a href="/new">📄</a>
       </header>
       {routes[pathname()] ?? <Page id={Number(pathname().slice(1))} />}
     </>
diff --git a/app/src/components/editor.css b/app/src/components/editor.css
new file mode 100644
index 0000000..66c9889
--- /dev/null
+++ b/app/src/components/editor.css
@@ -0,0 +1,3 @@
+.editor {
+  inline-size: 100%;
+}
diff --git a/app/src/components/editor.tsx b/app/src/components/editor.tsx
index f9c0931..e505013 100644
--- a/app/src/components/editor.tsx
+++ b/app/src/components/editor.tsx
@@ -1 +1,14 @@
-export default () => <>Editor (WIP)</>;
+import "./editor.css";
+
+export default () => (
+  <textarea
+    class="editor"
+    autofocus
+    onInput={(e) => {
+      e.currentTarget.setAttribute(
+        "rows",
+        String(Math.max(2, e.currentTarget.value.split("\n").length))
+      );
+    }}
+  ></textarea>
+);