From 61d4e2e01614f3d3454c2cae98b17e2b485a84a7 Mon Sep 17 00:00:00 2001
From: Prashant Indurkar <32466796+PrashantIndurkar@users.noreply.github.com>
Date: Mon, 20 Nov 2023 19:00:55 +0530
Subject: [PATCH] Fixed: while creating new Add Labels the field should be auto
 focus #2437 (#2438)

* bug:fix recent page hiding last item on scroll #1468

* bug:fix recent page hiding last item on scroll #1468 (#2411)

* fixed add label autofocuse

---------

Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com>
---
 web/components/labels/create-update-label-inline.tsx  | 1 +
 web/components/pages/pages-list/recent-pages-list.tsx | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/components/labels/create-update-label-inline.tsx b/web/components/labels/create-update-label-inline.tsx
index 91a65f94b..760e0241b 100644
--- a/web/components/labels/create-update-label-inline.tsx
+++ b/web/components/labels/create-update-label-inline.tsx
@@ -186,6 +186,7 @@ export const CreateUpdateLabelInline = observer(
                 id="labelName"
                 name="name"
                 type="text"
+                autofocus
                 value={value}
                 onChange={onChange}
                 ref={ref}
diff --git a/web/components/pages/pages-list/recent-pages-list.tsx b/web/components/pages/pages-list/recent-pages-list.tsx
index 59bc8c842..67f1fe7fc 100644
--- a/web/components/pages/pages-list/recent-pages-list.tsx
+++ b/web/components/pages/pages-list/recent-pages-list.tsx
@@ -49,7 +49,9 @@ export const RecentPagesList: React.FC<TPagesListProps> = observer((props) => {
 
             return (
               <div key={key} className="h-full overflow-hidden pb-9">
-                <h2 className="text-xl font-semibold capitalize mb-2">{replaceUnderscoreIfSnakeCase(key)}</h2>
+                <h2 className="text-xl font-semibold capitalize mb-2">
+                  {replaceUnderscoreIfSnakeCase(key)}
+                </h2>
                 <PagesView pages={pages[key as keyof RecentPagesResponse]} viewType={viewType} />
               </div>
             );