From 71e913092e540f33d798a63fe0263e645d6c6771 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Wed, 24 Apr 2024 18:42:42 +0100
Subject: [PATCH] add auto select to the paste input and added a placeholder to
 the input

---
 src/app/(pages)/page.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/(pages)/page.tsx b/src/app/(pages)/page.tsx
index bfbae50..3d1e198 100644
--- a/src/app/(pages)/page.tsx
+++ b/src/app/(pages)/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ReactElement, useState } from "react";
+import { ReactElement, useEffect, useState } from "react";
 import { ActionMenu } from "@/app/components/action-menu";
 import { Button } from "@/app/components/ui/button";
 import { useToast } from "@/app/components/ui/use-toast";
@@ -52,6 +52,10 @@ export default function Home(): ReactElement {
     window.location.href = `/${data.id}`;
   }
 
+  useEffect(() => {
+    document.getElementById("paste-input")?.focus();
+  }, []);
+
   return (
     <div className="p-3 h-screen w-screen relative">
       <div className="flex gap-2 h-full w-full text-xs">
@@ -63,7 +67,9 @@ export default function Home(): ReactElement {
           onInput={(event) => {
             setValue((event.target as HTMLTextAreaElement).value);
           }}
+          id="paste-input"
           className="w-full h-full bg-background outline-none resize-none"
+          placeholder="Paste your code here..."
         />
       </div>