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)
pastelsky · Dec 1, 2023 · 7647b62 · 7647b62
1 parent 866cac3
commit 7647b62
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/client/assets/git-logo.svg b/client/assets/git-logo.svg
diff --git 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>