From 1076b126689f142dcda349ff8dcac0a26c22b8df Mon Sep 17 00:00:00 2001
From: Theis Gaedigk <theis.gaedigk@icloud.com>
Date: Fri, 21 Nov 2025 16:59:02 +0100
Subject: [PATCH] improved note making

---
 FrontendV2/src/pages/HomePage.tsx | 64 ++++++++++++++++++-------------
 1 file changed, 37 insertions(+), 27 deletions(-)

diff --git a/FrontendV2/src/pages/HomePage.tsx b/FrontendV2/src/pages/HomePage.tsx
index 8206d5f..899c4e0 100644
--- a/FrontendV2/src/pages/HomePage.tsx
+++ b/FrontendV2/src/pages/HomePage.tsx
@@ -140,42 +140,52 @@ export const HomePage = () => {
                     <Table.Cell>{item.item_name}</Table.Cell>
                   </Table.Row>
                 ))}
+                <Table.Row>
+                  <Table.Cell colSpan={2}>
+                    <InputGroup
+                      endElement={
+                        <Span color="fg.muted" textStyle="xs">
+                          {note.length} / {MAX_CHARACTERS}
+                        </Span>
+                      }
+                    >
+                      <Input
+                        placeholder={t("optional-note")}
+                        value={note}
+                        maxLength={MAX_CHARACTERS}
+                        onChange={(e) => {
+                          setNote(
+                            e.currentTarget.value.slice(0, MAX_CHARACTERS)
+                          );
+                        }}
+                      />
+                    </InputGroup>
+                  </Table.Cell>
+                </Table.Row>
               </Table.Body>
-              <InputGroup
-                endElement={
-                  <Span color="fg.muted" textStyle="xs">
-                    {note.length} / {MAX_CHARACTERS}
-                  </Span>
-                }
-              >
-                <Input
-                  placeholder={t("optional-note")}
-                  value={note}
-                  maxLength={MAX_CHARACTERS}
-                  onChange={(e) => {
-                    setNote(e.currentTarget.value.slice(0, MAX_CHARACTERS));
-                  }}
-                />
-              </InputGroup>
             </Table.Root>
           </Table.ScrollArea>
         )}
         {selectedItems.length >= 1 && (
           <Button
             onClick={() =>
-              createLoan(selectedItems, startDate, endDate, note).then((response) => {
-                if (response.status === "error") {
-                  setMsgStatus("error");
-                  setMsgTitle(response.title || t("error"));
-                  setMsgDescription(response.description || t("unknown-error"));
+              createLoan(selectedItems, startDate, endDate, note).then(
+                (response) => {
+                  if (response.status === "error") {
+                    setMsgStatus("error");
+                    setMsgTitle(response.title || t("error"));
+                    setMsgDescription(
+                      response.description || t("unknown-error")
+                    );
+                    setIsMsg(true);
+                    return;
+                  }
+                  setMsgStatus("success");
+                  setMsgTitle(t("success"));
+                  setMsgDescription(t("loan-success"));
                   setIsMsg(true);
-                  return;
                 }
-                setMsgStatus("success");
-                setMsgTitle(t("success"));
-                setMsgDescription(t("loan-success"));
-                setIsMsg(true);
-              })
+              )
             }
           >
             {t("create-loan")}