feat: Add onKeyDown event listener to text area in Upload page

bramses · Aug 28, 2024 · 94bc9e3 · 94bc9e3
1 parent 4ba7bd3
commit 94bc9e3
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/app/[locale]/(auth)/dashboard/upload/page.tsx b/src/app/[locale]/(auth)/dashboard/upload/page.tsx
@@ -140,6 +140,11 @@ const Upload = () => {
         className="mt-4 block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder:text-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500"
         placeholder="Your message..."
         value={textAreaValue}
+        onKeyDown={(e) => {
+          if (e.key === 'Enter' && e.metaKey) {
+            add(textAreaValue);
+          }
+        }}
         onChange={(e) => setTextAreaValue(e.target.value)}
       />
       {/* input fields and add buttons for key, values that can be optionally added to metadata, put title and author in by default */}