From 39c9b428d3ca4a7e08cf6edf83459f0b56816130 Mon Sep 17 00:00:00 2001
From: CodeShady <46631279+CodeShady@users.noreply.github.com>
Date: Thu, 9 Nov 2023 16:29:59 +0100
Subject: [PATCH] Fix <textarea> Resizing Issue

Updated the textarea element within the settings page with two changes:
- The textarea now cannot be resized, and is always set to fill 100% of its container.
- The placeholder is now "Enter your own prompt for AI reflections" instead of "Paste an OpenAI API key to enable AI reflections". You can't see this because the textarea is currently readonly, but I assume this will change in the near future.
---
 src/renderer/pages/Pile/Settings/Settings.module.scss | 2 ++
 src/renderer/pages/Pile/Settings/index.jsx            | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/renderer/pages/Pile/Settings/Settings.module.scss b/src/renderer/pages/Pile/Settings/Settings.module.scss
index b1073bd..9051403 100644
--- a/src/renderer/pages/Pile/Settings/Settings.module.scss
+++ b/src/renderer/pages/Pile/Settings/Settings.module.scss
@@ -185,6 +185,8 @@ input {
     font-size: 14px;
     line-height: 1.35;
     min-height: 150px;
+    width: 100%; /* Ensure the width is 100%, no less, no more */
+    resize: none; /* Prevent resizing */
     color: var(--primary);
     background: var(--bg-tertiary);
     border: none;
diff --git a/src/renderer/pages/Pile/Settings/index.jsx b/src/renderer/pages/Pile/Settings/index.jsx
index 8bfbb87..38f2630 100644
--- a/src/renderer/pages/Pile/Settings/index.jsx
+++ b/src/renderer/pages/Pile/Settings/index.jsx
@@ -96,7 +96,7 @@ export default function Settings() {
             </label>
             <textarea
               className={styles.Textarea}
-              placeholder="Paste an OpenAI API key to enable AI reflections"
+              placeholder="Enter your own prompt for AI reflections"
               value={prompt}
               readOnly
             />