From 7524d5a7f30c3e1899a92991db8c229534481e00 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Wed, 8 Nov 2023 18:37:24 +0300
Subject: [PATCH] chore: lint the files

---
 .../DescriptionGeneratorButton.ts              | 18 +++++++-----------
 src/content-scripts/github.ts                  |  2 +-
 src/utils/dom-utils/addDescriptionGenerator.ts |  5 +++--
 3 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
index b04e388..3e0f9bf 100644
--- a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
+++ b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
@@ -7,9 +7,9 @@ import { insertTextAtCursor } from "../../../utils/ai-utils/cursorPositionInsert
 import { getAIDescriptionConfig } from "../../../utils/ai-utils/descriptionconfig";
 import { getAuthToken, isLoggedIn, optLogIn } from "../../../utils/checkAuthentication";
 
-export const DescriptionGeneratorButton = (number: Number) => {
+export const DescriptionGeneratorButton = (number: number) => {
     const descriptionGeneratorButton = createHtmlElement("a", {
-        id: "ai-description-button-"+number,
+        id: `ai-description-button-${number}`,
         innerHTML: `<span id="ai-description-gen" class="toolbar-item btn-octicon">
     <img class="octicon octicon-heading" height="16px" width="16px" id="ai-description-button-logo" src=${chrome.runtime.getURL(openSaucedLogoIcon)}>
     </span>
@@ -21,7 +21,7 @@ export const DescriptionGeneratorButton = (number: Number) => {
 };
 
 const handleSubmit = async (event: Event) => {
-    const button = event?.currentTarget as HTMLElement;
+    const button = event.currentTarget as HTMLElement;
     const logo = button.querySelector("#ai-description-button-logo");
 
 
@@ -30,27 +30,23 @@ const handleSubmit = async (event: Event) => {
             return void optLogIn();
         }
 
-        if (!logo || !button) {
-            return;
-        }
-
         const descriptionConfig = await getAIDescriptionConfig();
 
         if (!descriptionConfig) {
             return;
         }
 
-        logo.classList.toggle("animate-spin");
+        logo?.classList.toggle("animate-spin");
         button.classList.toggle("pointer-events-none");
 
 
         const { protocol, hostname, pathname } = window.location;
         const descriptionStream = await getAiDescription(`${protocol}//${hostname}${pathname}`);
-        
-        logo.classList.toggle("animate-spin");
+
+        logo?.classList.toggle("animate-spin");
         button.classList.toggle("pointer-events-none");
 
-        const textArea = button.closest(".Box.CommentBox")?.querySelector("textArea") as HTMLTextAreaElement;
+        const textArea = button.closest(".Box.CommentBox")?.querySelector("textArea");
 
         insertTextAtCursor(textArea, descriptionStream);
     } catch (error: unknown) {
diff --git a/src/content-scripts/github.ts b/src/content-scripts/github.ts
index 2866210..26fcc68 100644
--- a/src/content-scripts/github.ts
+++ b/src/content-scripts/github.ts
@@ -30,7 +30,7 @@ const processGithubPage = async () => {
         prReviewWatch(injectChangeSuggestorButton, 500);
     } else if (isGithubPullRequestPage(window.location.href)) {
         prEditWatch(injectDescriptionGeneratorButton, 500);
-        void injectDescriptionGeneratorButton();    
+        void injectDescriptionGeneratorButton();
         void injectAddPRToHighlightsButton();
     } else if (isGithubProfilePage(window.location.href)) {
         const username = getGithubUsername(window.location.href);
diff --git a/src/utils/dom-utils/addDescriptionGenerator.ts b/src/utils/dom-utils/addDescriptionGenerator.ts
index ffd2f5d..11c8db9 100644
--- a/src/utils/dom-utils/addDescriptionGenerator.ts
+++ b/src/utils/dom-utils/addDescriptionGenerator.ts
@@ -25,9 +25,10 @@ const injectDescriptionGeneratorButton = async () => {
     const actionBars = document.getElementsByClassName(prActionsClassName);
     const actionBarsArray = Array.from(actionBars);
 
-    actionBarsArray.forEach((actionBar,index) => {
-        if (!actionBar.querySelector("#ai-description-button-"+index)) {
+    actionBarsArray.forEach((actionBar, index) => {
+        if (!actionBar.querySelector(`#ai-description-button-${index}`)) {
             const addGeneratorButton = DescriptionGeneratorButton(index);
+
             actionBar.insertBefore(addGeneratorButton, actionBar.firstChild);
         }
     });