From 69b15bfd234bc464c399ffb252cc9c59485af116 Mon Sep 17 00:00:00 2001
From: Franklin Waller <franklin.dijks@gmail.com>
Date: Sat, 14 Mar 2020 14:02:30 +0100
Subject: [PATCH] fix(about): Fix issue where logo was not appearing on the
 about page

---
 public/res/img/PlayOSLogoSide_black.svg       | 27 +++++++++++++++++++
 .../molecules/SideNavigation/AboutDialog.tsx  |  2 +-
 2 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 public/res/img/PlayOSLogoSide_black.svg

diff --git a/public/res/img/PlayOSLogoSide_black.svg b/public/res/img/PlayOSLogoSide_black.svg
new file mode 100644
index 0000000..131e552
--- /dev/null
+++ b/public/res/img/PlayOSLogoSide_black.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="114px" height="32px" viewBox="0 0 114 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PlayOSLogoSide</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="348.667326%" y1="-565.782942%" x2="328.184194%" y2="-524.362278%" id="linearGradient-1">
+            <stop stop-color="#000000" offset="0%"></stop>
+            <stop stop-color="#000000" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Artboard" transform="translate(-27.000000, -17.000000)" fill-rule="nonzero">
+            <g id="PlayOSLogoSide" transform="translate(27.000000, 17.000000)">
+                <g id="Group" transform="translate(35.000000, 7.000000)" fill="#000000">
+                    <path d="M12,7.06521739 C12,11.0341615 9.76064909,13.2981366 5.89046653,13.2981366 L1.80121704,13.2981366 L1.80121704,19 L0,19 L0,1 L5.89046653,1 C9.76064909,1.02795031 12,3.23602484 12,7.06521739 Z M10.2718053,7.12111801 C10.2718053,4.38198758 8.64097363,2.92857143 5.81744422,2.92857143 L1.80121704,2.92857143 L1.80121704,11.3975155 L5.81744422,11.3975155 C8.64097363,11.3975155 10.2718053,9.94409938 10.2718053,7.12111801 Z" id="Shape"></path>
+                    <polygon id="Shape" points="18 0 18 18 16 18 16 0"></polygon>
+                    <path d="M31.131068,16.9263804 L31.131068,15.0858896 C30.0898058,16.3619632 28.461165,17 26.4053398,17 C23.7354369,17 22,15.4539877 22,13.4171779 C22,11.3312883 23.788835,10.0306748 26.8325243,10.006135 L31.0776699,10.006135 L31.0776699,9.26993865 C31.0776699,7.52760736 29.9029126,6.47239264 27.6067961,6.47239264 C26.1917476,6.47239264 24.8567961,6.96319018 23.4951456,7.84662577 L22.6941748,6.59509202 C24.3762136,5.58895706 25.7645631,5 27.9805825,5 C31.184466,5 32.9466019,6.54601227 32.973301,9.07361963 L33,16.9263804 L31.131068,16.9263804 L31.131068,16.9263804 Z M31.1043689,12.8282209 L31.1043689,11.3803681 L27.0728155,11.3803681 C24.9101942,11.3803681 23.788835,11.993865 23.788835,13.3190184 C23.788835,14.6196319 24.9368932,15.5030675 26.7524272,15.5030675 C28.9417476,15.5276074 30.6237864,14.5214724 31.1043689,12.8282209 Z" id="Shape"></path>
+                    <path d="M36.6042553,23 C35.5829787,23 34.7404255,22.7022556 34,22.0526316 L34.7659574,20.5097744 C35.3276596,20.9428571 35.8893617,21.1323308 36.5021277,21.1323308 C37.4723404,21.1323308 38.2638298,20.4827068 38.7489362,19.237594 L39.2595745,17.9924812 L34.1531915,5 L36.0680851,5 L40.1787234,15.9082707 L44.1106383,5 L46,5 L40.3319149,19.9684211 C39.5404255,21.9443609 38.2382979,23 36.6042553,23 Z" id="Shape"></path>
+                    <path d="M66,9.98600311 C66,14.940902 61.9363636,19 57,19 C52.0636364,19 48,14.940902 48,9.98600311 C48,5.0311042 52.0636364,1 57,1 C61.9363636,1 66,5.0311042 66,9.98600311 Z M48.4909091,9.98600311 C48.4909091,14.6329705 52.3363636,18.4681182 57,18.4681182 C61.6636364,18.4681182 65.5090909,14.6329705 65.5090909,9.98600311 C65.5090909,5.33903577 61.6636364,1.5318818 57,1.5318818 C52.3363636,1.50388802 48.4909091,5.31104199 48.4909091,9.98600311 Z" id="Shape"></path>
+                    <path d="M73.602623,1.5046729 C70.5067873,1.5046729 68.4794259,2.87850467 68.4794259,4.98130841 C68.4794259,11.0093458 79.0545814,7.92523364 78.9997878,14.6261682 C78.9997878,17.2897196 76.6710619,19 73.0272907,19 C70.8081518,19 68.4794259,17.9906542 67,16.4766355 L67.3561581,16.1121495 C68.6986001,17.5420561 70.9177389,18.4953271 73.0272907,18.4953271 C76.3423006,18.4953271 78.5066458,16.9813084 78.5066458,14.6261682 C78.5614394,8.42990654 67.9862839,11.5420561 67.9862839,4.98130841 C67.9862839,2.57009346 70.2054228,1 73.602623,1 C75.2464295,1 77.0820135,1.5046729 78.2874716,2.31775701 L78.0409007,2.73831776 C76.8902361,1.98130841 75.1642392,1.5046729 73.602623,1.5046729 Z" id="Shape"></path>
+                </g>
+                <path d="M25.329586,18.6151367 C25.329586,18.2489258 25.1464805,17.8979737 24.8565636,17.6843507 L1.98364227,0.258816227 C1.51061989,-0.107394655 0.823974483,-0.0921358681 0.366210882,0.350368947 C0.122070294,0.594509535 0,0.930202843 0,1.26589615 L0,31.5088114 C0,31.752952 0.167846654,31.9818338 0.411987242,31.9970926 C0.686645403,32.0276102 0.915527204,31.8139872 0.915527204,31.539329 L3.06701613,7.06423511 L16.3879369,17.5012452 L5.21850506,26.6717761 C4.01306091,27.5873033 4.45556573,29.7082746 6.34765528,28.9911116 C6.3578278,28.9911116 12.4766013,25.913923 24.7039757,19.7595457 C24.7039757,19.7595457 24.7700971,19.6985105 24.9023399,19.5764402 C25.1922569,19.3322996 25.3448448,18.9813475 25.329586,18.6151367 Z" id="Shape" fill="url(#linearGradient-1)"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/js/components/molecules/SideNavigation/AboutDialog.tsx b/src/js/components/molecules/SideNavigation/AboutDialog.tsx
index 7597cef..c0c93f5 100644
--- a/src/js/components/molecules/SideNavigation/AboutDialog.tsx
+++ b/src/js/components/molecules/SideNavigation/AboutDialog.tsx
@@ -19,7 +19,7 @@ export default function AboutDialog(props: Props) {
     return (
         <Dialog open={props.open} onClose={() => props.onClose()}>
             <DialogTitle className={styles.title}>
-                <img src="res/img/PlayOSLogoSide_black.svg" alt="PlayOS" />
+                <img src="./res/img/PlayOSLogoSide_black.svg" alt="PlayOS" />
                 <span>Matterhorn</span>
             </DialogTitle>
             <DialogContent className={styles.content}>