From d1a0bc7d46affee90c96d7cba9d8d9fa6e8d8587 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Sat, 12 Feb 2022 12:55:49 -0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=81=20Added=20an=20icon=20to=20indicat?=
 =?UTF-8?q?e=20missing=20file?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                 | 1 +
 src/client/assets/img/missing-file-2.svg   | 6 ++++++
 src/client/assets/img/missing-file.svg     | 5 +++++
 src/client/assets/scss/App.scss            | 2 +-
 src/client/components/RecentlyImported.tsx | 6 +++---
 5 files changed, 16 insertions(+), 4 deletions(-)
 create mode 100644 src/client/assets/img/missing-file-2.svg
 create mode 100644 src/client/assets/img/missing-file.svg

diff --git a/.gitignore b/.gitignore
index bb39b3d..dc6f12c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,3 +15,4 @@ yarn-error.log
 .nova
 environment.list
 .env
+src/client/assets/img/missing-file.pxd
diff --git a/src/client/assets/img/missing-file-2.svg b/src/client/assets/img/missing-file-2.svg
new file mode 100644
index 0000000..ec6ab6a
--- /dev/null
+++ b/src/client/assets/img/missing-file-2.svg
@@ -0,0 +1,6 @@
+<svg width="384" height="512" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <path id="Path" fill="none" stroke="#ed230d" stroke-width="28" stroke-linecap="round" stroke-linejoin="round" d="M 212 23 L 78 23 C 78 23 20 33 20 107 C 20 193.52002 25 440 25 440 C 25 440 20 494 98 494 C 176 494 291 490 291 490 C 291 490 365.293945 491.979614 364 407 C 362.386169 301.012268 360 170 360 170 L 212 23 L 212 23 Z"/>
+    <path id="Ellipse" fill="none" stroke="#ed230d" stroke-width="37" stroke-linecap="round" stroke-linejoin="round" d="M 266 320 C 266 279.13092 232.86908 246 192 246 C 151.13092 246 118 279.13092 118 320 C 118 360.86908 151.13092 394 192 394 C 232.86908 394 266 360.86908 266 320 Z"/>
+    <path id="Ellipse-copy" fill="none" stroke="#ed230d" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="0.1 16" stroke-dashoffset="0" d="M 223 320.5 C 223 303.103027 208.896973 289 191.5 289 C 174.103027 289 160 303.103027 160 320.5 C 160 337.896973 174.103027 352 191.5 352 C 208.896973 352 223 337.896973 223 320.5 Z"/>
+    <path id="path1" fill="none" stroke="#ed230d" stroke-width="28" stroke-linecap="round" stroke-linejoin="round" d="M 207 23 L 208 175 L 349 175"/>
+</svg>
diff --git a/src/client/assets/img/missing-file.svg b/src/client/assets/img/missing-file.svg
new file mode 100644
index 0000000..339e5ff
--- /dev/null
+++ b/src/client/assets/img/missing-file.svg
@@ -0,0 +1,5 @@
+<svg width="384" height="512" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <path id="Path" fill="none" stroke="#ed230d" stroke-width="28" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="56 56" stroke-dashoffset="56" d="M 221 23 L 78 23 C 78 23 20 33 20 107 C 20 193.52002 25 440 25 440 C 25 440 20 494 98 494 C 176 494 291 490 291 490 C 291 490 365.293945 491.979614 364 407 C 362.386169 301.012268 360 170 360 170 L 212 23 L 221 23 Z"/>
+    <path id="Ellipse" fill="none" stroke="#ed230d" stroke-width="25" stroke-linecap="round" stroke-linejoin="round" d="M 266 340 C 266 299.13092 232.86908 266 192 266 C 151.13092 266 118 299.13092 118 340 C 118 380.86908 151.13092 414 192 414 C 232.86908 414 266 380.86908 266 340 Z"/>
+    <path id="path1" fill="none" stroke="#ed230d" stroke-width="28" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="56 56" stroke-dashoffset="56" d="M 181 3 L 181 173 L 269 174 L 305 175"/>
+</svg>
diff --git a/src/client/assets/scss/App.scss b/src/client/assets/scss/App.scss
index eafe8a0..45bdfed 100644
--- a/src/client/assets/scss/App.scss
+++ b/src/client/assets/scss/App.scss
@@ -180,7 +180,7 @@ pre {
     .card-title {
       margin-bottom: 0.4rem;
     }
-    .cv-icon,
+    .custom-icon,
     i {
       margin: 4px 4px 4px 0;
     }
diff --git a/src/client/components/RecentlyImported.tsx b/src/client/components/RecentlyImported.tsx
index 5c99dd7..0dce8a7 100644
--- a/src/client/components/RecentlyImported.tsx
+++ b/src/client/components/RecentlyImported.tsx
@@ -61,14 +61,14 @@ export const RecentlyImported = ({
               >
                 <div className="content is-flex is-flex-direction-row">
                   {!isNil(sourcedMetadata.comicvine) && (
-                    <span className="icon cv-icon is-small">
+                    <span className="icon custom-icon is-small">
                       <img src="/img/cvlogo.svg" />
                     </span>
                   )}
                   {/* Raw file presence  */}
                   {isNil(rawFileDetails) && (
-                    <span className="icon has-text-info">
-                      <i className="has-text-danger fa-regular fa-circle"></i>
+                    <span className="icon custom-icon is-small has-text-danger">
+                      <img src="/img/missing-file.svg" />
                     </span>
                   )}
                   {/* Issue type */}