From 196c311459a429b7585f26414564501ebaf05aeb Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Mon, 22 May 2023 02:41:31 +0300
Subject: [PATCH 01/26] feat: post on highlights

---
 src/constants.ts                    | 12 ++++---
 src/pages/posthighlight.tsx         | 56 +++++++++++++++++++++++++++++
 src/utils/fetchOpenSaucedApiData.ts | 28 ++++++++++++---
 3 files changed, 87 insertions(+), 9 deletions(-)
 create mode 100644 src/pages/posthighlight.tsx

diff --git a/src/constants.ts b/src/constants.ts
index 0f345ea0..52db8271 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -6,11 +6,13 @@ export const OPEN_SAUCED_INSIGHTS_DOMAIN = "insights.opensauced.pizza";
 export const AI_PR_DESCRIPTION_CONFIG_KEY = "ai-pr-description-config";
 
 // API endpoints
-export const OPEN_SAUCED_USERS_ENDPOINT = "https://api.opensauced.pizza/v1/users";
-export const OPEN_SAUCED_REPOS_ENDPOINT = "https://api.opensauced.pizza/v1/repos";
-export const OPEN_SAUCED_SESSION_ENDPOINT = "https://api.opensauced.pizza/v1/auth/session";
-export const OPEN_SAUCED_USER_INSIGHTS_ENDPOINT = "https://api.opensauced.pizza/v1/user/insights";
-export const OPEN_SAUCED_AI_PR_DESCRIPTION_ENDPOINT = "https://api.opensauced.pizza/v1/prs/description/generate";
+export const OPEN_SAUCED_API_ENDPOINT = "https://api.opensauced.pizza/v1";
+export const OPEN_SAUCED_USERS_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/users`;
+export const OPEN_SAUCED_REPOS_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/repos`;
+export const OPEN_SAUCED_SESSION_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/auth/session`;
+export const OPEN_SAUCED_USER_INSIGHTS_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/user/insights`;
+export const OPEN_SAUCED_AI_PR_DESCRIPTION_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/prs/description/generate`;
+export const OPEN_SAUCED_USER_HIGHLIGHTS_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/user/highlights`;
 export const OPEN_SAUCED_AI_CODE_REFACTOR_ENDPOINT = "https://api.opensauced.pizza/v1/prs/suggestion/generate";
 
 // GitHub constants/selectors
diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
new file mode 100644
index 00000000..97b811c5
--- /dev/null
+++ b/src/pages/posthighlight.tsx
@@ -0,0 +1,56 @@
+import { useContext } from "react";
+import { FaChevronLeft } from "react-icons/fa";
+import OpenSaucedLogo from "../assets/opensauced-logo.svg";
+import { RouteContext } from "../App";
+
+
+const PostOnHighlight = () => {
+  const { setCurrentPage } = useContext(RouteContext);
+
+  return (
+    <div className="grid grid-cols-1 divide-y divider-y-center-2 min-w-[320px]">
+        <header className="flex justify-between">
+          <div className="flex items-center gap-2">
+            <button
+              className="rounded-full p-2 bg-slate-700 hover:bg-slate-700/50"
+              onClick={() => {
+                setCurrentPage("home");
+              }}
+            >
+              <FaChevronLeft className="text-osOrange text-white" />
+            </button>
+
+            <img
+              alt="OpenSauced logo"
+              className="w-[100%]"
+              src={OpenSaucedLogo}
+            />
+          </div>
+        </header>
+
+        <main className="text-white">
+
+        <input
+          className="p-1.5 rounded-md mb-2 w-full text-black"
+          maxLength={50}
+          placeholder="Your title here"
+          type="text"
+        />
+
+        <textarea
+          className="p-1.5 rounded-md mb-2 w-full text-black"
+          placeholder="Your text here"
+          rows={5}
+        />
+
+        <button
+          className="inline-block disabled:bg-gray-500 text-black bg-gh-white rounded-md p-2 text-sm font-semibold text-center select-none w-full border hover:shadow-button hover:no-underline"
+        >
+            Post
+        </button>
+        </main>
+    </div>
+  );
+};
+
+export default PostOnHighlight;
diff --git a/src/utils/fetchOpenSaucedApiData.ts b/src/utils/fetchOpenSaucedApiData.ts
index 07a7d3f9..e7c5f080 100644
--- a/src/utils/fetchOpenSaucedApiData.ts
+++ b/src/utils/fetchOpenSaucedApiData.ts
@@ -1,9 +1,10 @@
 import { cachedFetch } from "./cache";
 import {
-    OPEN_SAUCED_USERS_ENDPOINT,
-    OPEN_SAUCED_SESSION_ENDPOINT,
-    OPEN_SAUCED_REPOS_ENDPOINT,
-    OPEN_SAUCED_USER_INSIGHTS_ENDPOINT,
+  OPEN_SAUCED_USERS_ENDPOINT,
+  OPEN_SAUCED_SESSION_ENDPOINT,
+  OPEN_SAUCED_REPOS_ENDPOINT,
+  OPEN_SAUCED_USER_INSIGHTS_ENDPOINT,
+  OPEN_SAUCED_USER_HIGHLIGHTS_ENDPOINT,
 } from "../constants";
 import { IInsight } from "../ts/InsightDto";
 
@@ -176,3 +177,22 @@ export const updateInsight = async (userToken: string, repoId: string, checked:
 
     return response.status === 200;
 };
+
+export const cerateHighlight = async (userToken: string, url: string, title: string, highlight: string, shipped_at?: string) => {
+    const response = await fetch(OPEN_SAUCED_USER_HIGHLIGHTS_ENDPOINT, {
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${userToken}`,
+      },
+      method: "POST",
+      body: JSON.stringify({
+        url,
+        title,
+        shipped_at,
+        highlight,
+      }),
+    });
+
+    return response.status === 200;
+};

From edcf4c07db4de15c22e4cf524acc0962f221fbad Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Mon, 22 May 2023 21:34:08 +0300
Subject: [PATCH 02/26] feat: add open graph GitHub

---
 .../components/githhub-open-graph.tsx         | 24 +++++++++++++++++++
 src/pages/posthighlight.tsx                   |  5 ++++
 src/utils/github.ts                           | 17 +++++++++++++
 3 files changed, 46 insertions(+)
 create mode 100644 src/content-scripts/components/githhub-open-graph.tsx
 create mode 100644 src/utils/github.ts

diff --git a/src/content-scripts/components/githhub-open-graph.tsx b/src/content-scripts/components/githhub-open-graph.tsx
new file mode 100644
index 00000000..2f49b8d9
--- /dev/null
+++ b/src/content-scripts/components/githhub-open-graph.tsx
@@ -0,0 +1,24 @@
+import { generateGhOgImage } from "../../utils/github";
+
+interface GhOpenGraphImgProps {
+  githubLink: string;
+}
+
+const GhOpenGraphImg = ({ githubLink }: GhOpenGraphImgProps): JSX.Element => {
+  const { isValid, url } = generateGhOgImage(githubLink);
+
+  return (
+    <>
+      {url && (
+        <picture>
+          <img
+            alt={isValid ? "github og image" : "invalid url image"}
+            src={url}
+          />
+        </picture>
+      )}
+    </>
+  );
+};
+
+export default GhOpenGraphImg;
diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index 97b811c5..54d2a7d3 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -2,6 +2,7 @@ import { useContext } from "react";
 import { FaChevronLeft } from "react-icons/fa";
 import OpenSaucedLogo from "../assets/opensauced-logo.svg";
 import { RouteContext } from "../App";
+import GhOpenGraphImg from "../content-scripts/components/githhub-open-graph";
 
 
 const PostOnHighlight = () => {
@@ -30,6 +31,10 @@ const PostOnHighlight = () => {
 
         <main className="text-white">
 
+        <GhOpenGraphImg
+          githubLink={"https://github.com/open-sauced/insights/pull/1184"}
+        />
+
         <input
           className="p-1.5 rounded-md mb-2 w-full text-black"
           maxLength={50}
diff --git a/src/utils/github.ts b/src/utils/github.ts
new file mode 100644
index 00000000..5a29eff3
--- /dev/null
+++ b/src/utils/github.ts
@@ -0,0 +1,17 @@
+const generateGhOgImage = (githubUrl: string): { isValid: boolean; url: string } => {
+    try {
+      const trimmedUrl = githubUrl.trim();
+      const url = new URL(trimmedUrl.includes("https://") ? trimmedUrl : `https://${trimmedUrl}`);
+      const { pathname } = url;
+
+      if (url.hostname !== "github.com") {
+        return { isValid: false, url: "" };
+      }
+
+      return { isValid: true, url: `https://opengraph.githubassets.com/1${pathname}` };
+    } catch (err) {
+      return { isValid: false, url: "" };
+    }
+  };
+
+  export { generateGhOgImage };

From 93d37b3f9bce21f3ce844ac48a21d95be96a8882 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Wed, 24 May 2023 00:27:27 +0300
Subject: [PATCH 03/26] feat: communicate between popup and content script

---
 src/content-scripts/github.ts |  6 ++++++
 src/pages/posthighlight.tsx   | 16 ++++++++++++++--
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/content-scripts/github.ts b/src/content-scripts/github.ts
index a1e4f9e3..4ee34600 100644
--- a/src/content-scripts/github.ts
+++ b/src/content-scripts/github.ts
@@ -55,3 +55,9 @@ const processGithubPage = async () => {
 };
 
 void processGithubPage();
+
+chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
+if (msg.text === "getAiHighlights") {
+    sendResponse("test");
+  }
+});
diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index 54d2a7d3..2fd1f18b 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -1,4 +1,4 @@
-import { useContext } from "react";
+import { useContext, useEffect, useState } from "react";
 import { FaChevronLeft } from "react-icons/fa";
 import OpenSaucedLogo from "../assets/opensauced-logo.svg";
 import { RouteContext } from "../App";
@@ -7,6 +7,18 @@ import GhOpenGraphImg from "../content-scripts/components/githhub-open-graph";
 
 const PostOnHighlight = () => {
   const { setCurrentPage } = useContext(RouteContext);
+  const [pageURL, setPageURL] = useState("");
+
+
+  chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
+    function fallBack (domContent) {
+      console.log("fallBack", domContent);
+    }
+    console.log(tabs);
+    setPageURL(tabs[0]?.url ?? "");
+    chrome.tabs.sendMessage(Number(tabs[0].id), { text: "report_back" }, fallBack);
+});
+
 
   return (
     <div className="grid grid-cols-1 divide-y divider-y-center-2 min-w-[320px]">
@@ -32,7 +44,7 @@ const PostOnHighlight = () => {
         <main className="text-white">
 
         <GhOpenGraphImg
-          githubLink={"https://github.com/open-sauced/insights/pull/1184"}
+          githubLink={pageURL}
         />
 
         <input

From c80092fc7233891fa649ff52051ec03a5a389cb5 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Wed, 24 May 2023 21:27:56 +0300
Subject: [PATCH 04/26] chore: remove social cards

---
 .../components/githhub-open-graph.tsx         | 24 -------------------
 src/utils/github.ts                           | 17 -------------
 2 files changed, 41 deletions(-)
 delete mode 100644 src/content-scripts/components/githhub-open-graph.tsx
 delete mode 100644 src/utils/github.ts

diff --git a/src/content-scripts/components/githhub-open-graph.tsx b/src/content-scripts/components/githhub-open-graph.tsx
deleted file mode 100644
index 2f49b8d9..00000000
--- a/src/content-scripts/components/githhub-open-graph.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { generateGhOgImage } from "../../utils/github";
-
-interface GhOpenGraphImgProps {
-  githubLink: string;
-}
-
-const GhOpenGraphImg = ({ githubLink }: GhOpenGraphImgProps): JSX.Element => {
-  const { isValid, url } = generateGhOgImage(githubLink);
-
-  return (
-    <>
-      {url && (
-        <picture>
-          <img
-            alt={isValid ? "github og image" : "invalid url image"}
-            src={url}
-          />
-        </picture>
-      )}
-    </>
-  );
-};
-
-export default GhOpenGraphImg;
diff --git a/src/utils/github.ts b/src/utils/github.ts
deleted file mode 100644
index 5a29eff3..00000000
--- a/src/utils/github.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-const generateGhOgImage = (githubUrl: string): { isValid: boolean; url: string } => {
-    try {
-      const trimmedUrl = githubUrl.trim();
-      const url = new URL(trimmedUrl.includes("https://") ? trimmedUrl : `https://${trimmedUrl}`);
-      const { pathname } = url;
-
-      if (url.hostname !== "github.com") {
-        return { isValid: false, url: "" };
-      }
-
-      return { isValid: true, url: `https://opengraph.githubassets.com/1${pathname}` };
-    } catch (err) {
-      return { isValid: false, url: "" };
-    }
-  };
-
-  export { generateGhOgImage };

From fa29c171bd6fe819f35a8d36ef1ae5c0bdc1ec4c Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Wed, 24 May 2023 22:39:06 +0300
Subject: [PATCH 05/26] feat: add post to highlight endpoint and logic

---
 src/content-scripts/github.ts |  6 +++--
 src/pages/posthighlight.tsx   | 43 +++++++++++++++++++++++++++--------
 2 files changed, 38 insertions(+), 11 deletions(-)

diff --git a/src/content-scripts/github.ts b/src/content-scripts/github.ts
index 4ee34600..891e2d02 100644
--- a/src/content-scripts/github.ts
+++ b/src/content-scripts/github.ts
@@ -57,7 +57,9 @@ const processGithubPage = async () => {
 void processGithubPage();
 
 chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
-if (msg.text === "getAiHighlights") {
-    sendResponse("test");
+if (msg.type === "get_highlight") {
+    const title = document.querySelector(".gh-header-title")?.innerText;
+
+    sendResponse(title);
   }
 });
diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index 2fd1f18b..90a5c53b 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -2,21 +2,45 @@ import { useContext, useEffect, useState } from "react";
 import { FaChevronLeft } from "react-icons/fa";
 import OpenSaucedLogo from "../assets/opensauced-logo.svg";
 import { RouteContext } from "../App";
-import GhOpenGraphImg from "../content-scripts/components/githhub-open-graph";
+import { useAuth } from "../hooks/useAuth";
 
 
 const PostOnHighlight = () => {
+  const { authToken } = useAuth();
   const { setCurrentPage } = useContext(RouteContext);
   const [pageURL, setPageURL] = useState("");
+  const [highlightTitle, setHighlightTitle] = useState("");
+  const [highlightContent, setHighlightContent] = useState("");
+  const [isSendButtonEnabled, enableSendButton] = useState(true);
+
+
+  // post highlight function
+  const postHighlight = async () => {
+    const response = await fetch("https://api.opensauced.pizza/v1/user/highlights", {
+        headers: {
+          Accept: "application/json",
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${authToken}`,
+        },
+        method: "POST",
+        body: JSON.stringify({
+          url: pageURL,
+          title: highlightTitle,
+          highlight: highlightContent,
+        }),
+
+    });
+    const data = await response.json();
+
+    console.log(data);
+  };
 
 
   chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
-    function fallBack (domContent) {
-      console.log("fallBack", domContent);
-    }
     console.log(tabs);
     setPageURL(tabs[0]?.url ?? "");
-    chrome.tabs.sendMessage(Number(tabs[0].id), { text: "report_back" }, fallBack);
+
+    chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_highlight" }, setHighlightTitle);
 });
 
 
@@ -43,25 +67,26 @@ const PostOnHighlight = () => {
 
         <main className="text-white">
 
-        <GhOpenGraphImg
-          githubLink={pageURL}
-        />
-
         <input
           className="p-1.5 rounded-md mb-2 w-full text-black"
           maxLength={50}
           placeholder="Your title here"
           type="text"
+          value={highlightTitle}
+          onChange={e => setHighlightTitle(e.target.value)}
         />
 
         <textarea
           className="p-1.5 rounded-md mb-2 w-full text-black"
           placeholder="Your text here"
           rows={5}
+          value={highlightContent}
+          onChange={e => setHighlightContent(e.target.value)}
         />
 
         <button
           className="inline-block disabled:bg-gray-500 text-black bg-gh-white rounded-md p-2 text-sm font-semibold text-center select-none w-full border hover:shadow-button hover:no-underline"
+          onClick={postHighlight}
         >
             Post
         </button>

From 5fc32a9f9e540a1b421363cbb1358a89f8f67127 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Thu, 25 May 2023 01:06:55 +0300
Subject: [PATCH 06/26] feat: add toast and disable post button when fetch

---
 src/pages/posthighlight.tsx | 108 +++++++++++++++++++++++-------------
 1 file changed, 68 insertions(+), 40 deletions(-)

diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index 90a5c53b..06b2c472 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -3,10 +3,11 @@ import { FaChevronLeft } from "react-icons/fa";
 import OpenSaucedLogo from "../assets/opensauced-logo.svg";
 import { RouteContext } from "../App";
 import { useAuth } from "../hooks/useAuth";
+import toast, { Toaster } from "react-hot-toast";
 
 
 const PostOnHighlight = () => {
-  const { authToken } = useAuth();
+  const { authToken, user } = useAuth();
   const { setCurrentPage } = useContext(RouteContext);
   const [pageURL, setPageURL] = useState("");
   const [highlightTitle, setHighlightTitle] = useState("");
@@ -15,57 +16,83 @@ const PostOnHighlight = () => {
 
 
   // post highlight function
-  const postHighlight = async () => {
-    const response = await fetch("https://api.opensauced.pizza/v1/user/highlights", {
-        headers: {
-          Accept: "application/json",
-          "Content-Type": "application/json",
-          Authorization: `Bearer ${authToken}`,
-        },
-        method: "POST",
-        body: JSON.stringify({
-          url: pageURL,
-          title: highlightTitle,
-          highlight: highlightContent,
-        }),
+  const postHighlight = () => {
+    enableSendButton(false);
+    const postHighlightAPI = fetch("https://api.opensauced.pizza/v1/user/highlights", {
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${authToken}`,
+      },
+      method: "POST",
+      body: JSON.stringify({
+        url: pageURL,
+        title: highlightTitle,
+        highlight: highlightContent,
+      }),
 
     });
-    const data = await response.json();
 
-    console.log(data);
+    toast.promise(postHighlightAPI, {
+      loading: "Loading ...",
+      success: data => {
+        enableSendButton(true);
+        if (!data.ok) {
+          throw new Error(`Statues code ${data.status}`);
+        }
+        return (
+          <span>
+          check the highlight at:
+          <a
+            href={`https://insights.opensauced.pizza/user/${user.user_name}/highlights`}
+            rel="noreferrer"
+            target="_blank"
+          >
+{" "}
+your account
+          </a>
+          </span>
+          );
+      },
+      error: e => {
+        enableSendButton(true);
+        return `Uh oh, there was an error! ${e.message}`;
+      },
+    }).catch(console.error);
   };
 
 
   chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
-    console.log(tabs);
     setPageURL(tabs[0]?.url ?? "");
 
     chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_highlight" }, setHighlightTitle);
-});
+  });
 
 
   return (
     <div className="grid grid-cols-1 divide-y divider-y-center-2 min-w-[320px]">
-        <header className="flex justify-between">
-          <div className="flex items-center gap-2">
-            <button
-              className="rounded-full p-2 bg-slate-700 hover:bg-slate-700/50"
-              onClick={() => {
-                setCurrentPage("home");
-              }}
-            >
-              <FaChevronLeft className="text-osOrange text-white" />
-            </button>
-
-            <img
-              alt="OpenSauced logo"
-              className="w-[100%]"
-              src={OpenSaucedLogo}
-            />
-          </div>
-        </header>
-
-        <main className="text-white">
+      <Toaster />
+
+      <header className="flex justify-between">
+        <div className="flex items-center gap-2">
+          <button
+            className="rounded-full p-2 bg-slate-700 hover:bg-slate-700/50"
+            onClick={() => {
+              setCurrentPage("home");
+            }}
+          >
+            <FaChevronLeft className="text-osOrange text-white" />
+          </button>
+
+          <img
+            alt="OpenSauced logo"
+            className="w-[100%]"
+            src={OpenSaucedLogo}
+          />
+        </div>
+      </header>
+
+      <main className="text-white">
 
         <input
           className="p-1.5 rounded-md mb-2 w-full text-black"
@@ -86,11 +113,12 @@ const PostOnHighlight = () => {
 
         <button
           className="inline-block disabled:bg-gray-500 text-black bg-gh-white rounded-md p-2 text-sm font-semibold text-center select-none w-full border hover:shadow-button hover:no-underline"
+          disabled={!isSendButtonEnabled}
           onClick={postHighlight}
         >
-            Post
+          Post
         </button>
-        </main>
+      </main>
     </div>
   );
 };

From a5b827fc91899f70e606ae837251834574ce5442 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Thu, 25 May 2023 12:47:25 +0300
Subject: [PATCH 07/26] chore: refactor the fetch code

---
 src/pages/posthighlight.tsx         | 18 +++---------------
 src/utils/fetchOpenSaucedApiData.ts |  6 +-----
 2 files changed, 4 insertions(+), 20 deletions(-)

diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index 06b2c472..11acbcec 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -1,9 +1,10 @@
-import { useContext, useEffect, useState } from "react";
+import { useContext, useState } from "react";
 import { FaChevronLeft } from "react-icons/fa";
 import OpenSaucedLogo from "../assets/opensauced-logo.svg";
 import { RouteContext } from "../App";
 import { useAuth } from "../hooks/useAuth";
 import toast, { Toaster } from "react-hot-toast";
+import { cerateHighlight } from "../utils/fetchOpenSaucedApiData";
 
 
 const PostOnHighlight = () => {
@@ -18,20 +19,7 @@ const PostOnHighlight = () => {
   // post highlight function
   const postHighlight = () => {
     enableSendButton(false);
-    const postHighlightAPI = fetch("https://api.opensauced.pizza/v1/user/highlights", {
-      headers: {
-        Accept: "application/json",
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${authToken}`,
-      },
-      method: "POST",
-      body: JSON.stringify({
-        url: pageURL,
-        title: highlightTitle,
-        highlight: highlightContent,
-      }),
-
-    });
+    const postHighlightAPI = cerateHighlight((authToken ?? ""), pageURL, highlightTitle, highlightContent);
 
     toast.promise(postHighlightAPI, {
       loading: "Loading ...",
diff --git a/src/utils/fetchOpenSaucedApiData.ts b/src/utils/fetchOpenSaucedApiData.ts
index e7c5f080..1ba5f1ff 100644
--- a/src/utils/fetchOpenSaucedApiData.ts
+++ b/src/utils/fetchOpenSaucedApiData.ts
@@ -178,8 +178,7 @@ export const updateInsight = async (userToken: string, repoId: string, checked:
     return response.status === 200;
 };
 
-export const cerateHighlight = async (userToken: string, url: string, title: string, highlight: string, shipped_at?: string) => {
-    const response = await fetch(OPEN_SAUCED_USER_HIGHLIGHTS_ENDPOINT, {
+export const cerateHighlight = async (userToken: string, url: string, title: string, highlight: string, shipped_at?: string) => fetch(OPEN_SAUCED_USER_HIGHLIGHTS_ENDPOINT, {
       headers: {
         Accept: "application/json",
         "Content-Type": "application/json",
@@ -193,6 +192,3 @@ export const cerateHighlight = async (userToken: string, url: string, title: str
         highlight,
       }),
     });
-
-    return response.status === 200;
-};

From 3bf2ec0e420bf54d7a7f2705c685709dd65c550b Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Thu, 25 May 2023 16:29:54 +0300
Subject: [PATCH 08/26] feat: generate highlight by AI

---
 src/content-scripts/github.ts | 16 +++++++++----
 src/pages/posthighlight.tsx   | 43 ++++++++++++++++++++---------------
 2 files changed, 37 insertions(+), 22 deletions(-)

diff --git a/src/content-scripts/github.ts b/src/content-scripts/github.ts
index 891e2d02..282a7c25 100644
--- a/src/content-scripts/github.ts
+++ b/src/content-scripts/github.ts
@@ -16,6 +16,7 @@ import domUpdateWatch from "../utils/dom-utils/domUpdateWatcher";
 import injectDescriptionGeneratorButton from "../utils/dom-utils/addDescriptionGenerator";
 import injectChangeSuggestorButton from "../utils/dom-utils/changeSuggestorButton";
 import prEditWatch, { prReviewWatch } from "../utils/dom-utils/prWatcher";
+import { getAiDescription } from "./components/GenerateAIDescription/DescriptionGeneratorButton";
 
 const processGithubPage = async () => {
     if (prefersDarkMode(document.cookie)) {
@@ -57,9 +58,16 @@ const processGithubPage = async () => {
 void processGithubPage();
 
 chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
-if (msg.type === "get_highlight") {
-    const title = document.querySelector(".gh-header-title")?.innerText;
+  switch (msg.type) {
+    case "get_highlight": {
+      const title = document.querySelector(".gh-header-title")?.innerText;
 
-    sendResponse(title);
-  }
+      sendResponse(title);
+      break;
+    }
+    case "get_ai_description": {
+      sendResponse(getAiDescription());
+      break;
+    }
+    }
 });
diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index 11acbcec..1e21c197 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -1,4 +1,4 @@
-import { useContext, useState } from "react";
+import { useContext, useEffect, useState } from "react";
 import { FaChevronLeft } from "react-icons/fa";
 import OpenSaucedLogo from "../assets/opensauced-logo.svg";
 import { RouteContext } from "../App";
@@ -15,6 +15,13 @@ const PostOnHighlight = () => {
   const [highlightContent, setHighlightContent] = useState("");
   const [isSendButtonEnabled, enableSendButton] = useState(true);
 
+  const generateAiDescription = () => {
+    enableSendButton(false);
+    chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
+      chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_ai_description" }, console.log);
+    });
+  };
+
 
   // post highlight function
   const postHighlight = () => {
@@ -30,17 +37,17 @@ const PostOnHighlight = () => {
         }
         return (
           <span>
-          check the highlight at:
-          <a
-            href={`https://insights.opensauced.pizza/user/${user.user_name}/highlights`}
-            rel="noreferrer"
-            target="_blank"
-          >
-{" "}
-your account
-          </a>
+            check the highlight at:
+            <a
+              href={`https://insights.opensauced.pizza/user/${user.user_name}/highlights`}
+              rel="noreferrer"
+              target="_blank"
+            >
+              {" "}
+              your account
+            </a>
           </span>
-          );
+        );
       },
       error: e => {
         enableSendButton(true);
@@ -49,13 +56,13 @@ your account
     }).catch(console.error);
   };
 
-
-  chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
-    setPageURL(tabs[0]?.url ?? "");
-
-    chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_highlight" }, setHighlightTitle);
-  });
-
+  useEffect(() => {
+    chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
+      setPageURL(tabs[0]?.url ?? "");
+      generateAiDescription();
+      chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_highlight" }, setHighlightTitle);
+    });
+  }, []);
 
   return (
     <div className="grid grid-cols-1 divide-y divider-y-center-2 min-w-[320px]">

From 17568b38cfed855955ca3b362c8161eadc80eec6 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Fri, 26 May 2023 01:06:00 +0300
Subject: [PATCH 09/26] chore: add getAiDesc function

---
 .../DescriptionGeneratorButton.ts             | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
index b3f60926..eb427eca 100644
--- a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
+++ b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
@@ -76,3 +76,42 @@ const handleSubmit = async () => {
         }
     }
 };
+
+export const getAiDescription = async () => {
+  const url = getPullRequestAPIURL(window.location.href);
+  const descriptionConfig = await getAIDescriptionConfig();
+
+  if (!descriptionConfig) {
+    throw new Error("Configuration file is empty!");
+  }
+
+  if (!descriptionConfig.enabled) {
+    throw new Error("AI PR description is disabled!");
+  }
+
+  const [diff, commitMessages] = await getDescriptionContext(url, descriptionConfig.config.source);
+
+  if (!diff && !commitMessages) {
+    throw new Error(`No input context was generated.`);
+  }
+  if (isOutOfContextBounds([diff, commitMessages], descriptionConfig.config.maxInputLength)) {
+    throw new Error(`Max input length exceeded. Try setting the description source to commit-messages.`);
+  }
+  const token = await getAuthToken();
+  const descriptionStream = await generateDescription(
+    token,
+    descriptionConfig.config.language,
+    descriptionConfig.config.length,
+    descriptionConfig.config.temperature / 10,
+    descriptionConfig.config.tone,
+    diff,
+    commitMessages,
+  );
+
+  if (!descriptionStream) {
+    throw new Error("No description was generated!");
+  }
+
+  return descriptionStream;
+};
+

From c0a15a891a3efb1006ca4dc669e96256eaaff8c3 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Fri, 26 May 2023 01:10:56 +0300
Subject: [PATCH 10/26] chore: lint

---
 src/pages/home.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index 8fc140d1..e5a5bc06 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -10,6 +10,9 @@ import { useOpensaucedUserCheck } from "../hooks/useOpensaucedUserCheck";
 import { Profile } from "./profile";
 import { goTo } from "react-chrome-extension-router";
 import AIPRDescription from "./aiprdescription";
+import PostOnHighlight from "./posthighlight";
+
+
 import Help from "./help";
 
 const Home = () => {
@@ -78,6 +81,16 @@ const Home = () => {
               AI Configuration
                         </button>
 
+                        <button
+                            className="flex items-center bg-slate-700 hover:bg-slate-700/70 hover:text-orange text-white gap-2 p-1.5 px-3 w-full rounded-sm font-medium text-sm"
+                            onClick={() => {
+                                goTo(PostOnHighlight);
+                            }}
+                        >
+                            <HiPencil />
+              Post Highlight
+                        </button>
+
                         {currentTabIsOpensaucedUser && (
                             <button
                                 className="flex items-center bg-slate-700 hover:bg-slate-700/70 hover:text-orange text-white gap-2 p-1.5 px-3 w-full rounded-sm font-medium text-sm"

From 88fe541782563308db870ca7f9fcc573263f08eb Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Fri, 26 May 2023 01:11:44 +0300
Subject: [PATCH 11/26] chore: lint

---
 .../DescriptionGeneratorButton.ts             |  70 +++----
 src/content-scripts/github.ts                 |  20 +-
 src/pages/posthighlight.tsx                   | 192 +++++++++---------
 src/utils/fetchOpenSaucedApiData.ts           |  22 +-
 4 files changed, 151 insertions(+), 153 deletions(-)

diff --git a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
index eb427eca..037eb208 100644
--- a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
+++ b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
@@ -78,40 +78,40 @@ const handleSubmit = async () => {
 };
 
 export const getAiDescription = async () => {
-  const url = getPullRequestAPIURL(window.location.href);
-  const descriptionConfig = await getAIDescriptionConfig();
-
-  if (!descriptionConfig) {
-    throw new Error("Configuration file is empty!");
-  }
-
-  if (!descriptionConfig.enabled) {
-    throw new Error("AI PR description is disabled!");
-  }
-
-  const [diff, commitMessages] = await getDescriptionContext(url, descriptionConfig.config.source);
-
-  if (!diff && !commitMessages) {
-    throw new Error(`No input context was generated.`);
-  }
-  if (isOutOfContextBounds([diff, commitMessages], descriptionConfig.config.maxInputLength)) {
-    throw new Error(`Max input length exceeded. Try setting the description source to commit-messages.`);
-  }
-  const token = await getAuthToken();
-  const descriptionStream = await generateDescription(
-    token,
-    descriptionConfig.config.language,
-    descriptionConfig.config.length,
-    descriptionConfig.config.temperature / 10,
-    descriptionConfig.config.tone,
-    diff,
-    commitMessages,
-  );
-
-  if (!descriptionStream) {
-    throw new Error("No description was generated!");
-  }
-
-  return descriptionStream;
+    const url = getPullRequestAPIURL(window.location.href);
+    const descriptionConfig = await getAIDescriptionConfig();
+
+    if (!descriptionConfig) {
+        throw new Error("Configuration file is empty!");
+    }
+
+    if (!descriptionConfig.enabled) {
+        throw new Error("AI PR description is disabled!");
+    }
+
+    const [diff, commitMessages] = await getDescriptionContext(url, descriptionConfig.config.source);
+
+    if (!diff && !commitMessages) {
+        throw new Error(`No input context was generated.`);
+    }
+    if (isOutOfContextBounds([diff, commitMessages], descriptionConfig.config.maxInputLength)) {
+        throw new Error(`Max input length exceeded. Try setting the description source to commit-messages.`);
+    }
+    const token = await getAuthToken();
+    const descriptionStream = await generateDescription(
+        token,
+        descriptionConfig.config.language,
+        descriptionConfig.config.length,
+        descriptionConfig.config.temperature / 10,
+        descriptionConfig.config.tone,
+        diff,
+        commitMessages,
+    );
+
+    if (!descriptionStream) {
+        throw new Error("No description was generated!");
+    }
+
+    return descriptionStream;
 };
 
diff --git a/src/content-scripts/github.ts b/src/content-scripts/github.ts
index 282a7c25..a8785470 100644
--- a/src/content-scripts/github.ts
+++ b/src/content-scripts/github.ts
@@ -58,16 +58,16 @@ const processGithubPage = async () => {
 void processGithubPage();
 
 chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
-  switch (msg.type) {
-    case "get_highlight": {
-      const title = document.querySelector(".gh-header-title")?.innerText;
+    switch (msg.type) {
+        case "get_highlight": {
+            const title = document.querySelector(".gh-header-title")?.innerText;
 
-      sendResponse(title);
-      break;
-    }
-    case "get_ai_description": {
-      sendResponse(getAiDescription());
-      break;
-    }
+            sendResponse(title);
+            break;
+        }
+        case "get_ai_description": {
+            sendResponse(getAiDescription());
+            break;
+        }
     }
 });
diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index 1e21c197..3c98e6a3 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -1,121 +1,119 @@
-import { useContext, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { FaChevronLeft } from "react-icons/fa";
 import OpenSaucedLogo from "../assets/opensauced-logo.svg";
-import { RouteContext } from "../App";
 import { useAuth } from "../hooks/useAuth";
 import toast, { Toaster } from "react-hot-toast";
 import { cerateHighlight } from "../utils/fetchOpenSaucedApiData";
-
+import { goBack } from "react-chrome-extension-router";
 
 const PostOnHighlight = () => {
-  const { authToken, user } = useAuth();
-  const { setCurrentPage } = useContext(RouteContext);
-  const [pageURL, setPageURL] = useState("");
-  const [highlightTitle, setHighlightTitle] = useState("");
-  const [highlightContent, setHighlightContent] = useState("");
-  const [isSendButtonEnabled, enableSendButton] = useState(true);
+    const { authToken, user } = useAuth();
+    const [pageURL, setPageURL] = useState("");
+    const [highlightTitle, setHighlightTitle] = useState("");
+    const [highlightContent, setHighlightContent] = useState("");
+    const [isSendButtonEnabled, enableSendButton] = useState(true);
 
-  const generateAiDescription = () => {
-    enableSendButton(false);
-    chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
-      chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_ai_description" }, console.log);
-    });
-  };
+    const generateAiDescription = () => {
+        enableSendButton(false);
+        chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
+            chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_ai_description" }, console.log);
+        });
+    };
 
 
-  // post highlight function
-  const postHighlight = () => {
-    enableSendButton(false);
-    const postHighlightAPI = cerateHighlight((authToken ?? ""), pageURL, highlightTitle, highlightContent);
+    // post highlight function
+    const postHighlight = () => {
+        enableSendButton(false);
+        const postHighlightAPI = cerateHighlight((authToken ?? ""), pageURL, highlightTitle, highlightContent);
 
-    toast.promise(postHighlightAPI, {
-      loading: "Loading ...",
-      success: data => {
-        enableSendButton(true);
-        if (!data.ok) {
-          throw new Error(`Statues code ${data.status}`);
-        }
-        return (
-          <span>
+        toast.promise(postHighlightAPI, {
+            loading: "Loading ...",
+            success: data => {
+                enableSendButton(true);
+                if (!data.ok) {
+                    throw new Error(`Statues code ${data.status}`);
+                }
+                return (
+                    <span>
             check the highlight at:
-            <a
-              href={`https://insights.opensauced.pizza/user/${user.user_name}/highlights`}
-              rel="noreferrer"
-              target="_blank"
-            >
-              {" "}
+                        <a
+                            href={`https://insights.opensauced.pizza/user/${user.user_name}/highlights`}
+                            rel="noreferrer"
+                            target="_blank"
+                        >
+                            {" "}
               your account
-            </a>
-          </span>
-        );
-      },
-      error: e => {
-        enableSendButton(true);
-        return `Uh oh, there was an error! ${e.message}`;
-      },
-    }).catch(console.error);
-  };
+                        </a>
+                    </span>
+                );
+            },
+            error: e => {
+                enableSendButton(true);
+                return `Uh oh, there was an error! ${e.message}`;
+            },
+        }).catch(console.error);
+    };
 
-  useEffect(() => {
-    chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
-      setPageURL(tabs[0]?.url ?? "");
-      generateAiDescription();
-      chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_highlight" }, setHighlightTitle);
-    });
-  }, []);
+    useEffect(() => {
+        chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
+            setPageURL(tabs[0]?.url ?? "");
+            generateAiDescription();
+            chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_highlight" }, setHighlightTitle);
+        });
+    }, []);
 
-  return (
-    <div className="grid grid-cols-1 divide-y divider-y-center-2 min-w-[320px]">
-      <Toaster />
+    return (
+        <div className="grid grid-cols-1 divide-y divider-y-center-2 min-w-[320px]">
+            <Toaster />
 
-      <header className="flex justify-between">
-        <div className="flex items-center gap-2">
-          <button
-            className="rounded-full p-2 bg-slate-700 hover:bg-slate-700/50"
-            onClick={() => {
-              setCurrentPage("home");
-            }}
-          >
-            <FaChevronLeft className="text-osOrange text-white" />
-          </button>
+            <header className="flex justify-between">
+                <div className="flex items-center gap-2">
+                    <button
+                        className="rounded-full p-2 bg-slate-700 hover:bg-slate-700/50"
+                        onClick={() => {
+                            goBack();
+                        }}
+                    >
+                        <FaChevronLeft className="text-osOrange text-white" />
+                    </button>
 
-          <img
-            alt="OpenSauced logo"
-            className="w-[100%]"
-            src={OpenSaucedLogo}
-          />
-        </div>
-      </header>
+                    <img
+                        alt="OpenSauced logo"
+                        className="w-[100%]"
+                        src={OpenSaucedLogo}
+                    />
+                </div>
+            </header>
 
-      <main className="text-white">
+            <main className="text-white">
 
-        <input
-          className="p-1.5 rounded-md mb-2 w-full text-black"
-          maxLength={50}
-          placeholder="Your title here"
-          type="text"
-          value={highlightTitle}
-          onChange={e => setHighlightTitle(e.target.value)}
-        />
+                <input
+                    className="p-1.5 rounded-md mb-2 w-full text-black"
+                    maxLength={50}
+                    placeholder="Your title here"
+                    type="text"
+                    value={highlightTitle}
+                    onChange={e => setHighlightTitle(e.target.value)}
+                />
 
-        <textarea
-          className="p-1.5 rounded-md mb-2 w-full text-black"
-          placeholder="Your text here"
-          rows={5}
-          value={highlightContent}
-          onChange={e => setHighlightContent(e.target.value)}
-        />
+                <textarea
+                    className="p-1.5 rounded-md mb-2 w-full text-black"
+                    placeholder="Your text here"
+                    rows={5}
+                    value={highlightContent}
+                    onChange={e => setHighlightContent(e.target.value)}
+                />
 
-        <button
-          className="inline-block disabled:bg-gray-500 text-black bg-gh-white rounded-md p-2 text-sm font-semibold text-center select-none w-full border hover:shadow-button hover:no-underline"
-          disabled={!isSendButtonEnabled}
-          onClick={postHighlight}
-        >
-          Post
-        </button>
-      </main>
-    </div>
-  );
+                <button
+                    className="inline-block disabled:bg-gray-500 text-black bg-gh-white rounded-md p-2 text-sm font-semibold text-center select-none w-full border hover:shadow-button hover:no-underline"
+                    disabled={!isSendButtonEnabled}
+                    onClick={postHighlight}
+                >
+                    Post
+                </button>
+            </main>
+        </div>
+    );
 };
 
 export default PostOnHighlight;
diff --git a/src/utils/fetchOpenSaucedApiData.ts b/src/utils/fetchOpenSaucedApiData.ts
index 1ba5f1ff..4f4710c2 100644
--- a/src/utils/fetchOpenSaucedApiData.ts
+++ b/src/utils/fetchOpenSaucedApiData.ts
@@ -1,10 +1,10 @@
 import { cachedFetch } from "./cache";
 import {
-  OPEN_SAUCED_USERS_ENDPOINT,
-  OPEN_SAUCED_SESSION_ENDPOINT,
-  OPEN_SAUCED_REPOS_ENDPOINT,
-  OPEN_SAUCED_USER_INSIGHTS_ENDPOINT,
-  OPEN_SAUCED_USER_HIGHLIGHTS_ENDPOINT,
+    OPEN_SAUCED_USERS_ENDPOINT,
+    OPEN_SAUCED_SESSION_ENDPOINT,
+    OPEN_SAUCED_REPOS_ENDPOINT,
+    OPEN_SAUCED_USER_INSIGHTS_ENDPOINT,
+    OPEN_SAUCED_USER_HIGHLIGHTS_ENDPOINT,
 } from "../constants";
 import { IInsight } from "../ts/InsightDto";
 
@@ -179,16 +179,16 @@ export const updateInsight = async (userToken: string, repoId: string, checked:
 };
 
 export const cerateHighlight = async (userToken: string, url: string, title: string, highlight: string, shipped_at?: string) => fetch(OPEN_SAUCED_USER_HIGHLIGHTS_ENDPOINT, {
-      headers: {
+    headers: {
         Accept: "application/json",
         "Content-Type": "application/json",
         Authorization: `Bearer ${userToken}`,
-      },
-      method: "POST",
-      body: JSON.stringify({
+    },
+    method: "POST",
+    body: JSON.stringify({
         url,
         title,
         shipped_at,
         highlight,
-      }),
-    });
+    }),
+});

From 909552e412d00bf359fe7123cb1c3dcb261a214d Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Fri, 26 May 2023 01:20:02 +0300
Subject: [PATCH 12/26] chore: minor fix after rebase

---
 src/pages/posthighlight.tsx | 90 +++++++++++++++++++------------------
 1 file changed, 47 insertions(+), 43 deletions(-)

diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index 3c98e6a3..fcc12c29 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -16,7 +16,9 @@ const PostOnHighlight = () => {
     const generateAiDescription = () => {
         enableSendButton(false);
         chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
-            chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_ai_description" }, console.log);
+            chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_ai_description" }, () => {
+                enableSendButton(true);
+            });
         });
     };
 
@@ -63,55 +65,57 @@ const PostOnHighlight = () => {
     }, []);
 
     return (
-        <div className="grid grid-cols-1 divide-y divider-y-center-2 min-w-[320px]">
-            <Toaster />
+        <div className="p-4 bg-slate-800">
+            <div className="grid grid-cols-1 divide-y divider-y-center-2 min-w-[320px]">
+                <Toaster />
 
-            <header className="flex justify-between">
-                <div className="flex items-center gap-2">
-                    <button
-                        className="rounded-full p-2 bg-slate-700 hover:bg-slate-700/50"
-                        onClick={() => {
-                            goBack();
-                        }}
-                    >
-                        <FaChevronLeft className="text-osOrange text-white" />
-                    </button>
+                <header className="flex justify-between">
+                    <div className="flex items-center gap-2">
+                        <button
+                            className="rounded-full p-2 bg-slate-700 hover:bg-slate-700/50"
+                            onClick={() => {
+                                goBack();
+                            }}
+                        >
+                            <FaChevronLeft className="text-osOrange text-white" />
+                        </button>
 
-                    <img
-                        alt="OpenSauced logo"
-                        className="w-[100%]"
-                        src={OpenSaucedLogo}
-                    />
-                </div>
-            </header>
+                        <img
+                            alt="OpenSauced logo"
+                            className="w-[100%]"
+                            src={OpenSaucedLogo}
+                        />
+                    </div>
+                </header>
 
-            <main className="text-white">
+                <main className="text-white">
 
-                <input
-                    className="p-1.5 rounded-md mb-2 w-full text-black"
-                    maxLength={50}
-                    placeholder="Your title here"
-                    type="text"
-                    value={highlightTitle}
-                    onChange={e => setHighlightTitle(e.target.value)}
-                />
+                    <input
+                        className="p-1.5 rounded-md mb-2 w-full text-black"
+                        maxLength={50}
+                        placeholder="Your title here"
+                        type="text"
+                        value={highlightTitle}
+                        onChange={e => setHighlightTitle(e.target.value)}
+                    />
 
-                <textarea
-                    className="p-1.5 rounded-md mb-2 w-full text-black"
-                    placeholder="Your text here"
-                    rows={5}
-                    value={highlightContent}
-                    onChange={e => setHighlightContent(e.target.value)}
-                />
+                    <textarea
+                        className="p-1.5 rounded-md mb-2 w-full text-black"
+                        placeholder="Your text here"
+                        rows={5}
+                        value={highlightContent}
+                        onChange={e => setHighlightContent(e.target.value)}
+                    />
 
-                <button
-                    className="inline-block disabled:bg-gray-500 text-black bg-gh-white rounded-md p-2 text-sm font-semibold text-center select-none w-full border hover:shadow-button hover:no-underline"
-                    disabled={!isSendButtonEnabled}
-                    onClick={postHighlight}
-                >
+                    <button
+                        className="inline-block disabled:bg-gray-500 text-black bg-gh-white rounded-md p-2 text-sm font-semibold text-center select-none w-full border hover:shadow-button hover:no-underline"
+                        disabled={!isSendButtonEnabled}
+                        onClick={postHighlight}
+                    >
                     Post
-                </button>
-            </main>
+                    </button>
+                </main>
+            </div>
         </div>
     );
 };

From 5b38e55f1b812cd8524dbe086f6dfb83bc93396a Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Fri, 26 May 2023 02:52:25 +0300
Subject: [PATCH 13/26] chore: refactor ai generating function

---
 .../DescriptionGeneratorButton.ts             | 41 ++++---------------
 1 file changed, 8 insertions(+), 33 deletions(-)

diff --git a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
index 037eb208..dbc20209 100644
--- a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
+++ b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
@@ -23,55 +23,30 @@ export const DescriptionGeneratorButton = () => {
 };
 
 const handleSubmit = async () => {
+    const logo = document.getElementById("ai-description-button-logo");
+
     try {
         if (!(await isLoggedIn())) {
             return window.open(SUPABASE_LOGIN_URL, "_blank");
         }
-        const logo = document.getElementById("ai-description-button-logo");
 
         if (!logo) {
             return;
         }
-        const url = getPullRequestAPIURL(window.location.href);
-        const descriptionConfig = await getAIDescriptionConfig();
+        logo.classList.toggle("animate-spin");        
+        const descriptionStream = await getAiDescription();
 
-        if (!descriptionConfig) {
-            return;
-        }
-        if (!descriptionConfig.enabled) {
-            return alert("AI PR description is disabled!");
-        }
         logo.classList.toggle("animate-spin");
-        const [diff, commitMessages] = await getDescriptionContext(url, descriptionConfig.config.source);
 
-        if (!diff && !commitMessages) {
-            logo.classList.toggle("animate-spin");
-            return alert(`No input context was generated.`);
-        }
-        if (isOutOfContextBounds([diff, commitMessages], descriptionConfig.config.maxInputLength)) {
-            logo.classList.toggle("animate-spin");
-            return alert(`Max input length exceeded. Try setting the description source to commit-messages.`);
-        }
-        const token = await getAuthToken();
-        const descriptionStream = await generateDescription(
-            token,
-            descriptionConfig.config.language,
-            descriptionConfig.config.length,
-            descriptionConfig.config.temperature / 10,
-            descriptionConfig.config.tone,
-            diff,
-            commitMessages,
-        );
-
-        logo.classList.toggle("animate-spin");
-        if (!descriptionStream) {
-            return console.error("No description was generated!");
-        }
         const textArea = document.getElementsByName(GITHUB_PR_COMMENT_TEXT_AREA_SELECTOR)[0] as HTMLTextAreaElement;
 
         insertTextAtCursor(textArea, descriptionStream);
     } catch (error: unknown) {
+
+        logo.classList.toggle("animate-spin");
+        
         if (error instanceof Error) {
+            alert(error.message); 
             console.error("Description generation error:", error.message);
         }
     }

From a251b92ff4ae6f05270e025f55c774c3ae4ff4bb Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Fri, 26 May 2023 02:56:05 +0300
Subject: [PATCH 14/26] fix: instable commits messages

---
 src/utils/fetchGithubAPIData.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/utils/fetchGithubAPIData.ts b/src/utils/fetchGithubAPIData.ts
index fe3de316..59046297 100644
--- a/src/utils/fetchGithubAPIData.ts
+++ b/src/utils/fetchGithubAPIData.ts
@@ -21,13 +21,13 @@ export const getPRDiff = async (url: string) => {
 };
 
 export const getPRCommitMessages = async (url: string) => {
-    const response = await fetch(url);
+    const response = await fetch(`${url}/commits`);
     const data = await response.json();
 
-    if (!Array.isArray(data.commits)) {
+    if (!Array.isArray(data)) {
         return undefined;
     }
-    const commitMessages: string[] = (data.commits as Commit[]).map((commit: Commit): string => commit.commit.message);
+    const commitMessages: string[] = (data as Commit[]).map((commit: Commit): string => commit.commit.message);
 
     return commitMessages;
 };

From b8022f8bb052bee91b1ce741f9f068fab919fe70 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Fri, 26 May 2023 02:56:32 +0300
Subject: [PATCH 15/26] feat: add ai logic to the ui

---
 src/content-scripts/github.ts | 7 +++++--
 src/pages/posthighlight.tsx   | 3 ++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/content-scripts/github.ts b/src/content-scripts/github.ts
index a8785470..5460556d 100644
--- a/src/content-scripts/github.ts
+++ b/src/content-scripts/github.ts
@@ -66,8 +66,11 @@ chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
             break;
         }
         case "get_ai_description": {
-            sendResponse(getAiDescription());
-            break;
+            (async () => {
+                const aiText = await getAiDescription();
+                sendResponse(aiText);
+              })();
+            return true;
         }
     }
 });
diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index fcc12c29..50d9c980 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -16,7 +16,8 @@ const PostOnHighlight = () => {
     const generateAiDescription = () => {
         enableSendButton(false);
         chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
-            chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_ai_description" }, () => {
+            chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_ai_description" }, (response) => {
+                setHighlightContent(response);
                 enableSendButton(true);
             });
         });

From 9442147e4cbdf4f00af20a7108c58bb320d9f4d8 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Fri, 26 May 2023 03:02:29 +0300
Subject: [PATCH 16/26] chore: refactor the send response

---
 src/content-scripts/github.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/content-scripts/github.ts b/src/content-scripts/github.ts
index 5460556d..2a8d6661 100644
--- a/src/content-scripts/github.ts
+++ b/src/content-scripts/github.ts
@@ -66,10 +66,15 @@ chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
             break;
         }
         case "get_ai_description": {
-            (async () => {
+            const asyncRequest = async () => {
                 const aiText = await getAiDescription();
+
                 sendResponse(aiText);
-              })();
+            };
+
+            asyncRequest().catch(e => {
+                console.error(e);
+            });
             return true;
         }
     }

From fd5adf7686d875b485e2eee5e3dc3a1dbd2a4e13 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Fri, 26 May 2023 03:02:58 +0300
Subject: [PATCH 17/26] chore: lint files issues

---
 .../GenerateAIDescription/DescriptionGeneratorButton.ts    | 7 +++----
 src/pages/posthighlight.tsx                                | 2 +-
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
index dbc20209..263a1c73 100644
--- a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
+++ b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
@@ -33,7 +33,7 @@ const handleSubmit = async () => {
         if (!logo) {
             return;
         }
-        logo.classList.toggle("animate-spin");        
+        logo.classList.toggle("animate-spin");
         const descriptionStream = await getAiDescription();
 
         logo.classList.toggle("animate-spin");
@@ -42,11 +42,10 @@ const handleSubmit = async () => {
 
         insertTextAtCursor(textArea, descriptionStream);
     } catch (error: unknown) {
-
         logo.classList.toggle("animate-spin");
-        
+
         if (error instanceof Error) {
-            alert(error.message); 
+            alert(error.message);
             console.error("Description generation error:", error.message);
         }
     }
diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index 50d9c980..f48b90ab 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -16,7 +16,7 @@ const PostOnHighlight = () => {
     const generateAiDescription = () => {
         enableSendButton(false);
         chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
-            chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_ai_description" }, (response) => {
+            chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_ai_description" }, response => {
                 setHighlightContent(response);
                 enableSendButton(true);
             });

From 0d4372dd88c52d42265b735f8355a9f8da77b5a5 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Sat, 27 May 2023 12:25:10 +0300
Subject: [PATCH 18/26] feat: provide error feedback.

---
 src/content-scripts/github.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/content-scripts/github.ts b/src/content-scripts/github.ts
index 2a8d6661..50eed974 100644
--- a/src/content-scripts/github.ts
+++ b/src/content-scripts/github.ts
@@ -72,7 +72,8 @@ chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
                 sendResponse(aiText);
             };
 
-            asyncRequest().catch(e => {
+            asyncRequest().catch((e: Error | undefined) => {
+                sendResponse(e?.toString());
                 console.error(e);
             });
             return true;

From c2332189015b9c9c935799f557fe41599a1781fa Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Sat, 27 May 2023 20:10:08 +0300
Subject: [PATCH 19/26] feat: add user feedback on ai generated post

---
 src/pages/posthighlight.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index f48b90ab..5ad5712a 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -14,9 +14,12 @@ const PostOnHighlight = () => {
     const [isSendButtonEnabled, enableSendButton] = useState(true);
 
     const generateAiDescription = () => {
+        const toastId = toast.loading("doing AI magic...");
+
         enableSendButton(false);
         chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
             chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_ai_description" }, response => {
+                toast.dismiss(toastId);
                 setHighlightContent(response);
                 enableSendButton(true);
             });
@@ -38,14 +41,14 @@ const PostOnHighlight = () => {
                 }
                 return (
                     <span>
-            check the highlight at:
+                        check the highlight at:
                         <a
                             href={`https://insights.opensauced.pizza/user/${user.user_name}/highlights`}
                             rel="noreferrer"
                             target="_blank"
                         >
                             {" "}
-              your account
+                            your account
                         </a>
                     </span>
                 );
@@ -113,7 +116,7 @@ const PostOnHighlight = () => {
                         disabled={!isSendButtonEnabled}
                         onClick={postHighlight}
                     >
-                    Post
+                        Post
                     </button>
                 </main>
             </div>

From 276551459e8d384b300a1fdf896d16b9e277bb7a Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Sat, 27 May 2023 20:25:42 +0300
Subject: [PATCH 20/26] chore: fix build issues

---
 .../GenerateAIDescription/DescriptionGeneratorButton.ts         | 2 +-
 src/content-scripts/github.ts                                   | 2 +-
 src/pages/posthighlight.tsx                                     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
index 263a1c73..a71f28b8 100644
--- a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
+++ b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
@@ -23,7 +23,7 @@ export const DescriptionGeneratorButton = () => {
 };
 
 const handleSubmit = async () => {
-    const logo = document.getElementById("ai-description-button-logo");
+    const logo = document.getElementById("ai-description-button-logo") ?? false;
 
     try {
         if (!(await isLoggedIn())) {
diff --git a/src/content-scripts/github.ts b/src/content-scripts/github.ts
index 50eed974..5b598475 100644
--- a/src/content-scripts/github.ts
+++ b/src/content-scripts/github.ts
@@ -60,7 +60,7 @@ void processGithubPage();
 chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
     switch (msg.type) {
         case "get_highlight": {
-            const title = document.querySelector(".gh-header-title")?.innerText;
+            const title = (document.querySelector(".js-issue-title markdown-title") as HTMLHeadingElement)?.innerText;
 
             sendResponse(title);
             break;
diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index 5ad5712a..1958a4f2 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -43,7 +43,7 @@ const PostOnHighlight = () => {
                     <span>
                         check the highlight at:
                         <a
-                            href={`https://insights.opensauced.pizza/user/${user.user_name}/highlights`}
+                            href={`https://insights.opensauced.pizza/user/${user?.user_name}/highlights`}
                             rel="noreferrer"
                             target="_blank"
                         >

From aa7eb458f2f9a091093b89424c3fd01f93a3b641 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Sat, 27 May 2023 20:31:51 +0300
Subject: [PATCH 21/26] chore: fix nullish issue

---
 .../GenerateAIDescription/DescriptionGeneratorButton.ts       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
index a71f28b8..7c468b3b 100644
--- a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
+++ b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
@@ -23,7 +23,7 @@ export const DescriptionGeneratorButton = () => {
 };
 
 const handleSubmit = async () => {
-    const logo = document.getElementById("ai-description-button-logo") ?? false;
+    const logo = document.getElementById("ai-description-button-logo") ?? null;
 
     try {
         if (!(await isLoggedIn())) {
@@ -42,7 +42,7 @@ const handleSubmit = async () => {
 
         insertTextAtCursor(textArea, descriptionStream);
     } catch (error: unknown) {
-        logo.classList.toggle("animate-spin");
+        logo?.classList.toggle("animate-spin");
 
         if (error instanceof Error) {
             alert(error.message);

From 64dcb507eb2fc4503840d016c64ab969c9486e47 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Sat, 27 May 2023 20:46:55 +0300
Subject: [PATCH 22/26] fix: title selector update

---
 src/content-scripts/github.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content-scripts/github.ts b/src/content-scripts/github.ts
index 5b598475..c154de7c 100644
--- a/src/content-scripts/github.ts
+++ b/src/content-scripts/github.ts
@@ -60,7 +60,7 @@ void processGithubPage();
 chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
     switch (msg.type) {
         case "get_highlight": {
-            const title = (document.querySelector(".js-issue-title markdown-title") as HTMLHeadingElement)?.innerText;
+            const title = (document.querySelector(".js-issue-title.markdown-title") as HTMLHeadingElement)?.innerText;
 
             sendResponse(title);
             break;

From cd7e9908f3c720efdb112e48ebb75682f80e3927 Mon Sep 17 00:00:00 2001
From: Abdurrahman Rajab <rajab-2@windowslive.com>
Date: Sat, 27 May 2023 22:36:14 +0300
Subject: [PATCH 23/26] chore: add generate AI button to post highlight

---
 src/pages/posthighlight.tsx | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index 1958a4f2..36d42b40 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -63,7 +63,6 @@ const PostOnHighlight = () => {
     useEffect(() => {
         chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
             setPageURL(tabs[0]?.url ?? "");
-            generateAiDescription();
             chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_highlight" }, setHighlightTitle);
         });
     }, []);
@@ -111,13 +110,23 @@ const PostOnHighlight = () => {
                         onChange={e => setHighlightContent(e.target.value)}
                     />
 
-                    <button
-                        className="inline-block disabled:bg-gray-500 text-black bg-gh-white rounded-md p-2 text-sm font-semibold text-center select-none w-full border hover:shadow-button hover:no-underline"
-                        disabled={!isSendButtonEnabled}
-                        onClick={postHighlight}
-                    >
+                    <div className="flex justify-evenly">
+                        <button
+                            className="inline-block disabled:bg-gray-500 text-black bg-gh-white rounded-md p-2 text-sm font-semibold text-center select-none w-5/12 border hover:shadow-button hover:no-underline"
+                            disabled={!isSendButtonEnabled}
+                            onClick={() => generateAiDescription()}
+                        >
+                        Generate AI text
+                        </button>
+
+                        <button
+                            className="inline-block disabled:bg-gray-500 text-black bg-gh-white rounded-md p-2 text-sm font-semibold text-center select-none w-5/12 border hover:shadow-button hover:no-underline"
+                            disabled={!isSendButtonEnabled}
+                            onClick={postHighlight}
+                        >
                         Post
-                    </button>
+                        </button>
+                    </div>
                 </main>
             </div>
         </div>

From 6bd72d1f805b3c0d23dee28a1134d309476cd820 Mon Sep 17 00:00:00 2001
From: Brian Douglas <bdougie@users.noreply.github.com>
Date: Mon, 29 May 2023 08:02:59 -0500
Subject: [PATCH 24/26] Update copy to help the user

---
 src/pages/posthighlight.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index 36d42b40..b0956bd1 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -14,7 +14,7 @@ const PostOnHighlight = () => {
     const [isSendButtonEnabled, enableSendButton] = useState(true);
 
     const generateAiDescription = () => {
-        const toastId = toast.loading("doing AI magic...");
+        const toastId = toast.loading("Generating summary...");
 
         enableSendButton(false);
         chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
@@ -96,7 +96,7 @@ const PostOnHighlight = () => {
                     <input
                         className="p-1.5 rounded-md mb-2 w-full text-black"
                         maxLength={50}
-                        placeholder="Your title here"
+                        placeholder="An amazing title here"
                         type="text"
                         value={highlightTitle}
                         onChange={e => setHighlightTitle(e.target.value)}
@@ -104,7 +104,7 @@ const PostOnHighlight = () => {
 
                     <textarea
                         className="p-1.5 rounded-md mb-2 w-full text-black"
-                        placeholder="Your text here"
+                        placeholder="Summarize this pull request"
                         rows={5}
                         value={highlightContent}
                         onChange={e => setHighlightContent(e.target.value)}
@@ -116,7 +116,7 @@ const PostOnHighlight = () => {
                             disabled={!isSendButtonEnabled}
                             onClick={() => generateAiDescription()}
                         >
-                        Generate AI text
+                        Generate Summary
                         </button>
 
                         <button

From 78450658b42ab24d5b468cde56f33b697185fbbe Mon Sep 17 00:00:00 2001
From: Brian Douglas <bdougie@users.noreply.github.com>
Date: Mon, 29 May 2023 08:06:25 -0500
Subject: [PATCH 25/26] Update src/pages/posthighlight.tsx

---
 src/pages/posthighlight.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index b0956bd1..342ebf03 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -116,7 +116,7 @@ const PostOnHighlight = () => {
                             disabled={!isSendButtonEnabled}
                             onClick={() => generateAiDescription()}
                         >
-                        Generate Summary
+                       Summarize
                         </button>
 
                         <button

From 799bdd4508ff7d20051e24202c05c9333731ab89 Mon Sep 17 00:00:00 2001
From: Brian Douglas <bdougie@users.noreply.github.com>
Date: Mon, 29 May 2023 08:18:55 -0500
Subject: [PATCH 26/26] fix toast message

---
 src/pages/posthighlight.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
index 342ebf03..66696eb6 100644
--- a/src/pages/posthighlight.tsx
+++ b/src/pages/posthighlight.tsx
@@ -41,14 +41,12 @@ const PostOnHighlight = () => {
                 }
                 return (
                     <span>
-                        check the highlight at:
                         <a
                             href={`https://insights.opensauced.pizza/user/${user?.user_name}/highlights`}
                             rel="noreferrer"
                             target="_blank"
                         >
-                            {" "}
-                            your account
+                            See the highlight live
                         </a>
                     </span>
                 );