From 4e4036896ebc8cbb1a4827c3894fd769a93c6e91 Mon Sep 17 00:00:00 2001
From: Julian Lobbes <julian.lobbes@protonmail.com>
Date: Sun, 4 Jun 2023 13:04:27 +0200
Subject: [PATCH] squashme

---
 frontend/.env                                     | 3 ++-
 frontend/.env.development                         | 2 +-
 frontend/src/lib/components/input/Textarea.svelte | 7 +++++++
 frontend/src/routes/todos/[todo]/+page.svelte     | 3 ++-
 4 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 frontend/src/lib/components/input/Textarea.svelte

diff --git a/frontend/.env b/frontend/.env
index e165fb3..24d4f84 100644
--- a/frontend/.env
+++ b/frontend/.env
@@ -5,12 +5,13 @@ PUBLIC_TITLE="Example TODO App"
 PUBLIC_DESCRIPTION="An example TODO app built with sveltekit and fastapi."
 PUBLIC_AUTHOR="John Doe"
 
+# These set how node serves the sveltekit app
 HOST="0.0.0.0"
 PORT="3000"
 
 # WARNING: only set these if running behind a trusted reverse proxy!
 # See `https://kit.svelte.dev/docs/adapter-node#environment-variables-origin-protocol-header-and-host-header`.
-ORIGIN=http://localhost
+#ORIGIN=http://localhost
 PROTOCOL_HEADER="x-forwarded-proto"
 HOST_HEADER="x-forwarded-host"
 
diff --git a/frontend/.env.development b/frontend/.env.development
index db1ebd5..75696cb 100644
--- a/frontend/.env.development
+++ b/frontend/.env.development
@@ -1,5 +1,5 @@
 # See `https://kit.svelte.dev/docs/adapter-node#environment-variables-origin-protocol-header-and-host-header`.
-ORIGIN=http://localhost
+ORIGIN=http://localhost:8000
 
 # See `https://kit.svelte.dev/docs/adapter-node#environment-variables-address-header-and-xff-depth`.
 ADDRESS_HEADER="X-Forwarded-For"
diff --git a/frontend/src/lib/components/input/Textarea.svelte b/frontend/src/lib/components/input/Textarea.svelte
new file mode 100644
index 0000000..44f3159
--- /dev/null
+++ b/frontend/src/lib/components/input/Textarea.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+  export let id: string;
+  export let value: string;
+  export let disabled: boolean = false;
+</script>
+
+<textarea {id} bind:value {disabled}></textarea>
diff --git a/frontend/src/routes/todos/[todo]/+page.svelte b/frontend/src/routes/todos/[todo]/+page.svelte
index f880aa2..e64f2ef 100644
--- a/frontend/src/routes/todos/[todo]/+page.svelte
+++ b/frontend/src/routes/todos/[todo]/+page.svelte
@@ -2,6 +2,7 @@
   import type { TodoDetailPage } from './+page';
   import type { TodoItem } from '$lib/api/types';
   import { markdownToHtml } from '$lib/utils/markdown';
+  import Textarea from '$lib/components/input/Textarea.svelte';
 
   export let data: TodoDetailPage;
 
@@ -33,7 +34,7 @@
   <form action="" method="post" on:submit={handleFormSubmit}>
     <fieldset>
       <div class="field-pair">
-        <textarea id="title" bind:value={todo.title} disabled={!editingEnabled} on:input={adjustTextareaRows} rows="1" cols="1"></textarea>
+        <Textarea id="title" value={todo.title}/>
         <label for="title">Title</label>
       </div>
     </fieldset>