From ab9014c1f256d0b51a9a364871ca9c46319ae669 Mon Sep 17 00:00:00 2001
From: danieldeng2 <danieldeng223@gmail.com>
Date: Mon, 7 Sep 2020 13:34:04 +0100
Subject: [PATCH] Add Background to links

---
 src/assets/images/link-banner.png       | Bin 0 -> 6935 bytes
 src/components/atoms/FileCard/index.tsx |   6 +++++-
 2 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/images/link-banner.png

diff --git a/src/assets/images/link-banner.png b/src/assets/images/link-banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..f8ffe9293f8ae34b80e0ec1aa8a77eca7dcaf315
GIT binary patch
literal 6935
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

literal 0
HcmV?d00001

diff --git a/src/components/atoms/FileCard/index.tsx b/src/components/atoms/FileCard/index.tsx
index 55ba95951..d1ecaa35b 100644
--- a/src/components/atoms/FileCard/index.tsx
+++ b/src/components/atoms/FileCard/index.tsx
@@ -5,6 +5,7 @@ import classNames from "classnames";
 
 import applicationPDF from "assets/images/pdf-banner.png";
 import applicationDocument from "assets/images/document-banner.png";
+import applicationLink from "assets/images/link-banner.png";
 import applicationVideo from "assets/images/video-banner.png";
 
 import Badge from "react-bootstrap/Badge";
@@ -42,7 +43,10 @@ const FileCard: React.FC<FileCardProps> = ({
       break;
     case "video":
 			banner = applicationVideo;
-      break;
+			break;
+		case "link":
+			banner = applicationLink;
+			break;
     default:
       banner = applicationDocument;
       break;
-- 
GitLab