From 56d06ce1f55d0bf0ba924e06e3d1f03c117ba156 Mon Sep 17 00:00:00 2001
From: Domenico Tenace <domenicotenace99@gmail.com>
Date: Mon, 15 Apr 2024 16:46:39 +0200
Subject: [PATCH] feat: handle title bill

---
 src/routes/index.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index d6ffa81..8634746 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -11,6 +11,7 @@ import {
 export default component$(() => {
   const nav = useNavigate();
   const recentBills = useSignal<RecentBill[]>([]);
+  const titleBill = useSignal<string>("");
 
   // eslint-disable-next-line qwik/no-use-visible-task
   useVisibleTask$(() => {
@@ -21,7 +22,7 @@ export default component$(() => {
     sessionStorage.setItem(
       "NEWBILL",
       JSON.stringify({
-        name: "Untitled Bill",
+        name: titleBill.value || "Untitled Bill",
         membersCount: 3,
       }),
     );
@@ -34,6 +35,15 @@ export default component$(() => {
       <main>
         <div class="flex flex-col gap-10 items-center">
           <h2 class="text-3xl">Split your travel expenses easily</h2>
+          <div>
+            <input
+              type="text"
+              class="w-full shadow border-2 rounded p-1"
+              placeholder="Bill name"
+              value={titleBill.value}
+              onInput$={(_, el) => (titleBill.value = el.value)}
+            />
+          </div>
           <div>
             <Button size={"big"} onClick$={onStart}>
               Start!