From 7647b62bb07f354eee5689adb0caf44aad3079a6 Mon Sep 17 00:00:00 2001
From: Kainoa Kanter <44733677+ThatOneCalculator@users.noreply.github.com>
Date: Thu, 30 Nov 2023 22:43:35 -0800
Subject: [PATCH] Use Git (not Github) icon if package repository isn't on
 Github (#830)

* Use Git (not Github) icon if package repository isn't on Github

* check for github.com

package could potentially be about github but not hosted on github (i.e. mygitforge.com/name/github-explorer)
---
 client/assets/git-logo.svg                            | 11 +++++++++++
 .../SimilarPackageCard/SimilarPackageCard.tsx         |  7 ++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 client/assets/git-logo.svg

diff --git a/client/assets/git-logo.svg b/client/assets/git-logo.svg
new file mode 100644
index 00000000..cb9101fe
--- /dev/null
+++ b/client/assets/git-logo.svg
@@ -0,0 +1,11 @@
+<svg width="33"
+     height="33"
+     viewBox="0 0 33 33"
+     class="github-logo"
+>
+    <title>Git Link</title>
+    <path
+        d="M 32.328129,15.03335 17.962881,0.66947188 c -0.828,-0.826629 -2.168702,-0.826629 -2.999444,0 l -2.976138,2.98162192 3.783576,3.7835757 c 0.884204,-0.2947352 1.890417,-0.09596 2.589555,0.6045494 0.707364,0.7059934 0.902027,1.7245426 0.600437,2.6046351 l 3.643748,3.646489 c 0.884205,-0.305701 1.901384,-0.106927 2.604635,0.596325 0.988391,0.98702 0.988391,2.582702 0,3.569721 -0.985649,0.985649 -2.578589,0.985649 -3.564237,0 -0.738894,-0.741635 -0.92396,-1.832841 -0.553828,-2.736238 L 17.679113,12.3259 v 8.944866 c 0.241271,0.117895 0.468834,0.278285 0.66898,0.477059 0.977423,0.988392 0.977423,2.581331 0,3.564239 -0.98565,0.98839 -2.589556,0.98839 -3.576576,0 -0.985649,-0.98565 -0.985649,-2.575847 0,-3.561497 0.249497,-0.246754 0.530523,-0.433191 0.829371,-0.556568 V 12.161397 C 15.303411,12.036649 15.019643,11.857065 14.778371,11.611682 14.031253,10.864563 13.85167,9.7719866 14.235511,8.8576228 L 10.517736,5.1220274 0.66673105,14.966178 c -0.8225164,0.829371 -0.8225164,2.171443 0,3.000814 L 15.033351,32.329499 c 0.828,0.828001 2.168702,0.828001 2.996701,0 L 32.328129,18.031422 c 0.82937,-0.826629 0.82937,-2.168702 0,-2.998072"
+        fill="#161514"
+    />
+</svg>
\ No newline at end of file
diff --git a/client/components/SimilarPackageCard/SimilarPackageCard.tsx b/client/components/SimilarPackageCard/SimilarPackageCard.tsx
index a2000724..233d194a 100644
--- a/client/components/SimilarPackageCard/SimilarPackageCard.tsx
+++ b/client/components/SimilarPackageCard/SimilarPackageCard.tsx
@@ -8,6 +8,7 @@ import { sanitizeHTML } from '../../../utils/common.utils'
 import TreeShakeIcon from '../../assets/tree-shake.svg'
 import PlusIcon from '../../assets/plus.svg'
 import GithubIcon from '../../assets/github-logo.svg'
+import GitIcon from '../../assets/git-logo.svg'
 
 type SimilarPackageCardProps = { category?: string } & (
   | { pack: any; comparisonSizePercent: number }
@@ -124,7 +125,11 @@ export default class SimilarPackageCard extends Component<SimilarPackageCardProp
                   window.location = pack.repository
                 }}
               >
-                <GithubIcon className="similar-package-card__github-icon" />
+                {pack.repository.includes('github.com') ? (
+                  <GithubIcon className="similar-package-card__github-icon" />
+                ) : (
+                  <GitIcon className="similar-package-card__github-icon" />
+                )}
               </a>
             )}
           </div>