feat: Use OpenSauced links instead of GitHub (#520)

* swapping github links for opensauced ones. * hot points to app * fix build
open-sauced · Apr 1, 2024 · 6581b9e · 6581b9e
1 parent 23e70c9
commit 6581b9e
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 41 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -140,7 +140,7 @@ module.exports = {
     "arrow-spacing": "error",
     "block-spacing": ["error", "always"],
     "brace-style": ["error", "1tbs"],
-    "comma-dangle": ["error", "always-multiline"],
+    "comma-dangle": ["warn", "always-multiline"],
     "comma-spacing": [
       "error",
       {

diff --git a/src/components/HotRepoCard.tsx b/src/components/HotRepoCard.tsx
@@ -30,7 +30,7 @@ const HotRepoCard = ({ repoName }: HotRepoCardProps): JSX.Element => {
             rel="noreferrer"
             target="_blank"
             href={`${String(
-              `${bugReportLink} repo not found [${repoName}]&body=Please take a look why this  ${repoName} not founded`,
+              `${bugReportLink} repo not found [${repoName}]&body=Please take a look why this  ${repoName} not founded`
             )}`}
           >
             Report a bug
@@ -43,10 +43,7 @@ const HotRepoCard = ({ repoName }: HotRepoCardProps): JSX.Element => {
   if (isLoading) {
     return (
       <div className="p-4 border rounded-2xl bg-white w-full space-y-1 relative">
-        <Skeleton
-          enableAnimation
-          count={5}
-        />
+        <Skeleton enableAnimation count={5} />
       </div>
     );
   }
@@ -58,62 +55,41 @@ const HotRepoCard = ({ repoName }: HotRepoCardProps): JSX.Element => {
     <div className="p-4 border rounded-2xl bg-white w-full space-y-1 relative">
       <div className="flex justify-between w-full">
         <div className="flex space-x-1 items-center">
-          <img
-            alt="Hot Repo Icon"
-            className="h-4 w-4 rounded-md overflow-hidden"
-            src={getAvatarLink(owner)}
-          />
-
-          <span className="text-sm font-medium text-lightSlate11">
-            {owner}
-          </span>
+          <img alt="Hot Repo Icon" className="h-4 w-4 rounded-md overflow-hidden" src={getAvatarLink(owner)} />
+
+          <span className="text-sm font-medium text-lightSlate11">{owner}</span>
         </div>
       </div>
 
       <div className="flex flex-col pb-10">
         <a
           className="text-xl font-semibold"
-          href={`https://insights.opensauced.pizza/hot/repositories/filter/${full_name}`}
+          href={`https://app.opensauced.pizza/s/${full_name}`}
           rel="noopener noreferrer"
           target="_blank"
         >
           {name}
         </a>
 
-        <p className="text-gray-500 font-medium text-xs w-5/6">
-          {description}
-        </p>
+        <p className="text-gray-500 font-medium text-xs w-5/6">{description}</p>
       </div>
 
       <div className="flex items-center justify-between absolute bottom-3 inset-x-0 px-4">
         <div className="flex space-x-3 text-xs">
           <div className="flex text-sm space-x-1 justify-center items-center">
-            <VscIssues
-              className="fill-lightSlate10"
-              size={16}
-            />
-
-            <span className="text-lightSlate11">
-              {humanizeNumber(issues)}
-            </span>
+            <VscIssues className="fill-lightSlate10" size={16} />
+
+            <span className="text-lightSlate11">{humanizeNumber(issues)}</span>
           </div>
 
           <div className="flex text-sm space-x-1 justify-center items-center">
-            <AiOutlineStar
-              className="fill-lightSlate10"
-              size={16}
-            />
-
-            <span className="text-lightSlate11">
-              {humanizeNumber(stars)}
-            </span>
+            <AiOutlineStar className="fill-lightSlate10" size={16} />
+
+            <span className="text-lightSlate11">{humanizeNumber(stars)}</span>
           </div>
 
           <div className="flex text-sm space-x-1 justify-center items-center">
-            <BiGitPullRequest
-              className="fill-lightSlate10"
-              size={16}
-            />
+            <BiGitPullRequest className="fill-lightSlate10" size={16} />
 
             <span className="text-lightSlate11">0</span>
           </div>

diff --git a/src/lib/github.ts b/src/lib/github.ts
@@ -2,10 +2,10 @@ const getAvatarLink = (username: string | null) =>
   `https://github.com/${username ?? "github"}.png?size=460`;
 
 const getProfileLink = (username: string | null) =>
-  `https://github.com/${username ?? ""}`;
+  `https://app.opensauced.pizza/user/${username ?? ""}`;
 
 const getRepoLink = (repoName: string | null) =>
-  `https://app.opensauced.pizza/${repoName ?? ""}`;
+  `https://app.opensauced.pizza/s/${repoName ?? ""}`;
 
 const getRepoIssuesLink = (repoName: string | null) =>
   `https://github.com/${repoName && `${repoName}/issues` || ""}`;