From 7676aab77306a774420763783d901b7551359836 Mon Sep 17 00:00:00 2001
From: Prateek Shourya <prateekshourya29@gmail.com>
Date: Thu, 9 Nov 2023 17:37:45 +0530
Subject: [PATCH] fix: UI improvements. (#2734)

* style: update check icon colors to match our design.

* fix: automatically focus input box in pages `add label` modal.
---
 web/components/integration/single-integration-card.tsx | 2 +-
 web/components/labels/create-label-modal.tsx           | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/web/components/integration/single-integration-card.tsx b/web/components/integration/single-integration-card.tsx
index 999a12bb5b..f5ff2b3262 100644
--- a/web/components/integration/single-integration-card.tsx
+++ b/web/components/integration/single-integration-card.tsx
@@ -112,7 +112,7 @@ export const SingleIntegrationCard: React.FC<Props> = observer(({ integration })
           <h3 className="flex items-center gap-2 text-sm font-medium">
             {integration.title}
             {workspaceIntegrations
-              ? isInstalled && <CheckCircle className="h-3.5 w-3.5 text-white fill-green-500" />
+              ? isInstalled && <CheckCircle className="h-3.5 w-3.5 text-green-500 fill-transparent" />
               : null}
           </h3>
           <p className="text-sm text-custom-text-200 tracking-tight">
diff --git a/web/components/labels/create-label-modal.tsx b/web/components/labels/create-label-modal.tsx
index 6fe5784592..e298cda48e 100644
--- a/web/components/labels/create-label-modal.tsx
+++ b/web/components/labels/create-label-modal.tsx
@@ -46,10 +46,18 @@ export const CreateLabelModal: React.FC<Props> = observer((props) => {
     control,
     reset,
     setValue,
+    setFocus,
   } = useForm<IIssueLabels>({
     defaultValues,
   });
 
+  /**
+   * For setting focus on name input
+   */
+  useEffect(() => {
+    setFocus("name");
+  }, [setFocus, isOpen]);
+
   useEffect(() => {
     if (isOpen) setValue("color", getRandomLabelColor());
   }, [setValue, isOpen]);