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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≶%2q!n(xaghbU>nZVl} z3)_@krJ}KFZSqCY95I%#3Jf(bL^G0+@iq@d3D72}Xem{S7BFi73nVV}c}<xDUn>3O o)z;s<^ZNGM>)*Y1pkZCCEm{&cJof=C`s&Kk+}5n%7mr{61IRcqT>t<8 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