From 847142f44d0920ff2ca927e01b649c9bd1923673 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lo=C3=AFc=20Sharma?= <sharma.loic@gmail.com>
Date: Sat, 4 Jan 2020 13:17:52 -0800
Subject: [PATCH] Support default package icon in offline scenarios (#435)

---
 .../src/DisplayPackage/DisplayPackage.tsx        |   7 +++----
 src/BaGet.UI/src/SearchResults.tsx               |   6 +++---
 .../src/default-package-icon-256x256.png         | Bin 0 -> 4833 bytes
 3 files changed, 6 insertions(+), 7 deletions(-)
 create mode 100644 src/BaGet.UI/src/default-package-icon-256x256.png

diff --git a/src/BaGet.UI/src/DisplayPackage/DisplayPackage.tsx b/src/BaGet.UI/src/DisplayPackage/DisplayPackage.tsx
index 7725571a..db4ade8c 100644
--- a/src/BaGet.UI/src/DisplayPackage/DisplayPackage.tsx
+++ b/src/BaGet.UI/src/DisplayPackage/DisplayPackage.tsx
@@ -14,6 +14,7 @@ import SourceRepository from './SourceRepository';
 import { Versions, IPackageVersion } from './Versions';
 
 import './DisplayPackage.css';
+import DefaultPackageIcon from "../default-package-icon-256x256.png";
 
 interface IDisplayPackageProps {
   match: {
@@ -60,8 +61,6 @@ class DisplayPackage extends React.Component<IDisplayPackageProps, IDisplayPacka
     package: undefined,
   };
 
-  private readonly defaultIconUrl: string = 'https://www.nuget.org/Content/gallery/img/default-package-icon-256x256.png';
-
   private id: string;
   private version?: string;
 
@@ -210,7 +209,7 @@ class DisplayPackage extends React.Component<IDisplayPackageProps, IDisplayPacka
         <div className="row display-package">
           <aside className="col-sm-1 package-icon">
             <img
-              src={this.state.package.iconUrl}
+              src={this.state.package.iconUrl || DefaultPackageIcon}
               className="img-responsive"
               onError={this.loadDefaultIcon}
               alt="The package icon" />
@@ -307,7 +306,7 @@ class DisplayPackage extends React.Component<IDisplayPackageProps, IDisplayPacka
   }
 
   private loadDefaultIcon = (e: React.SyntheticEvent<HTMLImageElement>) => {
-    e.currentTarget.src = this.defaultIconUrl;
+    e.currentTarget.src = DefaultPackageIcon;
   }
 
   private normalizeVersion(version: string): string {
diff --git a/src/BaGet.UI/src/SearchResults.tsx b/src/BaGet.UI/src/SearchResults.tsx
index d58f6387..868c89d8 100644
--- a/src/BaGet.UI/src/SearchResults.tsx
+++ b/src/BaGet.UI/src/SearchResults.tsx
@@ -4,6 +4,7 @@ import { Checkbox, Dropdown, IDropdownOption, SelectableOptionMenuItemType } fro
 import * as React from 'react';
 import { Link } from 'react-router-dom';
 import './SearchResults.css';
+import DefaultPackageIcon from "./default-package-icon-256x256.png";
 
 interface ISearchResultsProps {
   input: string;
@@ -32,7 +33,6 @@ interface ISearchResponse {
 
 class SearchResults extends React.Component<ISearchResultsProps, ISearchResultsState> {
 
-  private readonly defaultIconUrl: string = 'https://www.nuget.org/Content/gallery/img/default-package-icon-256x256.png';
   private resultsController?: AbortController;
 
   constructor(props: ISearchResultsProps) {
@@ -160,7 +160,7 @@ class SearchResults extends React.Component<ISearchResultsProps, ISearchResultsS
           <div key={value.id} className="row search-result">
             <div className="col-sm-1 hidden-xs hidden-sm">
               <img
-                src={value.iconUrl || this.defaultIconUrl}
+                src={value.iconUrl || DefaultPackageIcon}
                 className="package-icon img-responsive"
                 onError={this.loadDefaultIcon}
                 alt="The package icon" />
@@ -272,7 +272,7 @@ class SearchResults extends React.Component<ISearchResultsProps, ISearchResultsS
   }
 
   private loadDefaultIcon = (e: React.SyntheticEvent<HTMLImageElement>) => {
-    e.currentTarget.src = this.defaultIconUrl;
+    e.currentTarget.src = DefaultPackageIcon;
   }
 
   private onChangePackageType = (e: React.FormEvent<HTMLDivElement>, option?: IDropdownOption) : void => {
diff --git a/src/BaGet.UI/src/default-package-icon-256x256.png b/src/BaGet.UI/src/default-package-icon-256x256.png
new file mode 100644
index 0000000000000000000000000000000000000000..01944a48f7778a43cb690a877d083bb7b7ee1aa9
GIT binary patch
literal 4833
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
SsOvuXqY8<zHm)}GjQ<y2J4~Jc

literal 0
HcmV?d00001