From 38d55d9f60e6c30d168a0acb2516166ffb880ce5 Mon Sep 17 00:00:00 2001
From: Brian 'bdougie' Douglas <brian@opensauced.pizza>
Date: Mon, 1 Apr 2024 13:46:01 -0700
Subject: [PATCH 1/2] update links to use app

---
 src/components/Hero.tsx | 39 +++++++++++----------------------------
 src/lib/github.ts       |  2 +-
 2 files changed, 12 insertions(+), 29 deletions(-)

diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index a55dd130..9e65dd6c 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -57,32 +57,20 @@ const Hero = () => {
       <div>
         <h1 className="font-Lexend text-4xl md:text-5xl text-center text-lightSlate leading-tight tracking-tight">
           {`Find `}
-
           <span className="bg-gradient-to-r from-gradFirst via-gradMiddle to-gradLast bg-clip-text text-transparent">
             Open-Source Repositories
           </span>
-
           <br />
-
           to contribute today
         </h1>
       </div>
 
-      <Combobox
-        as="div"
-        value={comboBoxSelection}
-        onChange={setComboBoxSelection}
-      >
+      <Combobox as="div" value={comboBoxSelection} onChange={setComboBoxSelection}>
         <div className="mt-11 px-4 py-2.5  bg-white shadow-2xl rounded-2xl md:min-w-[26.375rem] flex justify-between">
           <div className="flex items-center gap-x-2.5">
-            <img
-              alt="search icon"
-              src={searchNormal}
-            />
-
-            <Combobox.Button
-              ref={comboButtonRef}
-            >
+            <img alt="search icon" src={searchNormal} />
+
+            <Combobox.Button ref={comboButtonRef}>
               <Combobox.Input
                 ref={searchBoxRef}
                 className="w-full outline-none text-base text-lightSlate"
@@ -90,12 +78,13 @@ const Hero = () => {
                 placeholder="Search repositories"
                 type="text"
                 value={searchTerm}
-                onChange={e => setValueDebounced(e.target.value)}
+                onChange={(e) => setValueDebounced(e.target.value)}
                 onFocus={() => setFocus(true)}
                 onBlur={() =>
                   setTimeout(() => {
                     setFocus(false);
-                  }, 200)}
+                  }, 200)
+                }
                 onKeyUp={(event: React.KeyboardEvent) => {
                   if (event.key === "Enter") {
                     window.open(comboBoxSelection, "_blank", "noreferrer");
@@ -105,11 +94,7 @@ const Hero = () => {
             </Combobox.Button>
           </div>
 
-          <img
-            alt="command k"
-            className="pt-1.5"
-            src={cmdKIcon}
-          />
+          <img alt="command k" className="pt-1.5" src={cmdKIcon} />
         </div>
 
         <div className="mt-2.5">
@@ -120,16 +105,14 @@ const Hero = () => {
                   <p className="text-gray-500 text-sm font-semibold">Repository</p>
                 </div>
 
-                {fetchedData.map(data => (
+                {fetchedData.map((data) => (
                   <Combobox.Option
                     key={data.full_name}
                     as="a"
                     className={({ active }) => (active ? "bg-gray-50" : "")}
-                    value={`https://insights.opensauced.pizza/hot/repositories/filter/${data.full_name}`}
+                    value={`https://app.opensauced.pizza/s/${data.full_name}`}
                   >
-                    <SearchedRepoCard
-                      data={data}
-                    />
+                    <SearchedRepoCard data={data} />
                   </Combobox.Option>
                 ))}
               </div>
diff --git a/src/lib/github.ts b/src/lib/github.ts
index 1bd8977a..c735d0b4 100644
--- a/src/lib/github.ts
+++ b/src/lib/github.ts
@@ -5,7 +5,7 @@ const getProfileLink = (username: string | null) =>
   `https://github.com/${username ?? ""}`;
 
 const getRepoLink = (repoName: string | null) =>
-  `https://insights.opensauced.pizza/hot/repositories/filter/${repoName ?? ""}`;
+  `https://app.opensauced.pizza/${repoName ?? ""}`;
 
 const getRepoIssuesLink = (repoName: string | null) =>
   `https://github.com/${repoName && `${repoName}/issues` || ""}`;

From f5ffc80e37f8fe48c10739231d277aeba7f4bc96 Mon Sep 17 00:00:00 2001
From: Brian 'bdougie' Douglas <brian@opensauced.pizza>
Date: Mon, 1 Apr 2024 13:55:39 -0700
Subject: [PATCH 2/2] npm run format

---
 src/components/Hero.tsx | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index 9e65dd6c..ae818d33 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -57,18 +57,27 @@ const Hero = () => {
       <div>
         <h1 className="font-Lexend text-4xl md:text-5xl text-center text-lightSlate leading-tight tracking-tight">
           {`Find `}
+
           <span className="bg-gradient-to-r from-gradFirst via-gradMiddle to-gradLast bg-clip-text text-transparent">
             Open-Source Repositories
           </span>
+
           <br />
           to contribute today
         </h1>
       </div>
 
-      <Combobox as="div" value={comboBoxSelection} onChange={setComboBoxSelection}>
+      <Combobox
+        as="div"
+        value={comboBoxSelection}
+        onChange={setComboBoxSelection}
+      >
         <div className="mt-11 px-4 py-2.5  bg-white shadow-2xl rounded-2xl md:min-w-[26.375rem] flex justify-between">
           <div className="flex items-center gap-x-2.5">
-            <img alt="search icon" src={searchNormal} />
+            <img
+              alt="search icon"
+              src={searchNormal}
+            />
 
             <Combobox.Button ref={comboButtonRef}>
               <Combobox.Input
@@ -78,13 +87,12 @@ const Hero = () => {
                 placeholder="Search repositories"
                 type="text"
                 value={searchTerm}
-                onChange={(e) => setValueDebounced(e.target.value)}
+                onChange={e => setValueDebounced(e.target.value)}
                 onFocus={() => setFocus(true)}
                 onBlur={() =>
                   setTimeout(() => {
                     setFocus(false);
-                  }, 200)
-                }
+                  }, 200)}
                 onKeyUp={(event: React.KeyboardEvent) => {
                   if (event.key === "Enter") {
                     window.open(comboBoxSelection, "_blank", "noreferrer");
@@ -94,7 +102,11 @@ const Hero = () => {
             </Combobox.Button>
           </div>
 
-          <img alt="command k" className="pt-1.5" src={cmdKIcon} />
+          <img
+            alt="command k"
+            className="pt-1.5"
+            src={cmdKIcon}
+          />
         </div>
 
         <div className="mt-2.5">
@@ -105,7 +117,7 @@ const Hero = () => {
                   <p className="text-gray-500 text-sm font-semibold">Repository</p>
                 </div>
 
-                {fetchedData.map((data) => (
+                {fetchedData.map(data => (
                   <Combobox.Option
                     key={data.full_name}
                     as="a"