From 884bebeeb813631fa7bccae67d7bda400889fe0a Mon Sep 17 00:00:00 2001
From: gets0ul <gets0ul@gmail.com>
Date: Sun, 13 Sep 2020 16:33:37 +0700
Subject: [PATCH 1/2] Update the SVG of default user avatar so it does not use
 ids and masks to avoid the issue of the default avatar being not displayed
 because it shares the same id with other svg.

---
 .../components/__snapshots__/Avatar.jsx.snap  | 42 ++++---------------
 src/assets/images/default-user-avatar.svg     | 11 +----
 2 files changed, 9 insertions(+), 44 deletions(-)

diff --git a/__tests__/shared/components/__snapshots__/Avatar.jsx.snap b/__tests__/shared/components/__snapshots__/Avatar.jsx.snap
index 0e9da75..45d3236 100644
--- a/__tests__/shared/components/__snapshots__/Avatar.jsx.snap
+++ b/__tests__/shared/components/__snapshots__/Avatar.jsx.snap
@@ -7,45 +7,17 @@ exports[`Snapshots 1`] = `
   viewBox="0 0 141 141"
   width="141"
   xmlns="http://www.w3.org/2000/svg"
-  xmlnsXlink="http://www.w3.org/1999/xlink"
 >
   <title>
     ico-user-default
   </title>
-  <defs>
-    <rect
-      height="140"
-      id="a"
-      rx="306"
-      width="140"
-      x=".8"
-      y=".5"
-    />
-  </defs>
-  <g
-    fill="none"
+  <path
+    d="M71 35c-17.304 0-31.334 14.071-31.334 31.428v7.857c0 11.307 6.017 21.144 14.955 26.684-11.399 4.27-22.608 13.347-27.728 24.111C38.886 134.728 54.14 140.5 70.8 140.5c16.792 0 32.16-5.862 44.197-15.648-5.17-10.664-16.3-19.643-27.611-23.883 8.93-5.54 14.947-15.377 14.947-26.684v-7.857C102.334 49.07 88.304 35 71 35z"
+    fill="#A3A3AE"
     fillRule="evenodd"
-  >
-    <mask
-      fill="#fff"
-      id="b"
-    >
-      <use
-        xlinkHref="#a"
-      />
-    </mask>
-    <use
-      fill="#F0F0F0"
-      xlinkHref="#a"
-    />
-    <path
-      d="M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z"
-      fill="#A3A3AE"
-      mask="url(#b)"
-      opacity=".2"
-      stroke="#A3A3AE"
-      strokeWidth="3"
-    />
-  </g>
+    opacity=".2"
+    stroke="#A3A3AE"
+    strokeWidth="3"
+  />
 </svg>
 `;
diff --git a/src/assets/images/default-user-avatar.svg b/src/assets/images/default-user-avatar.svg
index ed6ce1a..eee2a66 100644
--- a/src/assets/images/default-user-avatar.svg
+++ b/src/assets/images/default-user-avatar.svg
@@ -3,17 +3,10 @@
     <!-- Generator: Sketch 3.3.3 (12081) - http://www.bohemiancoding.com/sketch -->
     <title>ico-user-default</title>
     <desc>Created with Sketch.</desc>
-    <defs>
-        <rect id="path-1" x="0.8" y="0.5" width="140" height="140" rx="306"></rect>
-    </defs>
     <g id="Assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g sketch:type="MSArtboardGroup" transform="translate(-205.000000, -203.000000)" id="ico-user-default">
+        <g sketch:type="MSArtboardGroup" transform="translate(-205.000000, -203.000000)">
             <g sketch:type="MSLayerGroup" transform="translate(205.000000, 203.000000)">
-                <mask id="mask-2" sketch:name="Mask" fill="white">
-                    <use xlink:href="#path-1"></use>
-                </mask>
-                <use id="Mask" fill="#F0F0F0" sketch:type="MSShapeGroup" xlink:href="#path-1"></use>
-                <path d="M118,137.142857 C118,141.487857 114.4985,145 110.166667,145 L31.8333333,145 C27.5093333,145 24,141.487857 24,137.142857 C24,121.428571 39.1418333,106.767143 54.6205,100.968571 C45.6826667,95.4292857 39.6666667,85.5921429 39.6666667,74.2857143 L39.6666667,66.4285714 C39.6666667,49.0721429 53.6961667,35 71,35 C88.3038333,35 102.333333,49.0721429 102.333333,66.4285714 L102.333333,74.2857143 C102.333333,85.5921429 96.3173333,95.4292857 87.3873333,100.968571 C102.858167,106.767143 118,121.428571 118,137.142857 L118,137.142857 Z" id="Shape" stroke="#A3A3AE" stroke-width="3" opacity="0.2" fill="#A3A3AE" sketch:type="MSShapeGroup" mask="url(#mask-2)"></path>
+                <path d="M 71 35 C 53.696167 35 39.666016 49.071306 39.666016 66.427734 L 39.666016 74.285156 C 39.666016 85.591585 45.68326 95.429465 54.621094 100.96875 C 43.2225 105.23886 32.013476 114.31633 26.892578 125.08008 C 38.886018 134.72766 54.141101 140.5 70.800781 140.5 C 87.593386 140.5 102.96165 134.6385 114.99805 124.85156 C 109.82841 114.18791 98.698873 105.20862 87.386719 100.96875 C 96.316719 95.429465 102.33398 85.591585 102.33398 74.285156 L 102.33398 66.427734 C 102.33398 49.071306 88.303833 35 71 35 Z" stroke="#A3A3AE" stroke-width="3" opacity="0.2" fill="#A3A3AE" sketch:type="MSShapeGroup"></path>
             </g>
         </g>
     </g>

From b3eee20245e14e8a070835509fdeaf91f67b865c Mon Sep 17 00:00:00 2001
From: gets0ul <gets0ul@gmail.com>
Date: Sun, 13 Sep 2020 19:59:03 +0700
Subject: [PATCH 2/2] fix test snapshot

---
 __tests__/shared/components/__snapshots__/Avatar.jsx.snap | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/__tests__/shared/components/__snapshots__/Avatar.jsx.snap b/__tests__/shared/components/__snapshots__/Avatar.jsx.snap
index 45d3236..2e81968 100644
--- a/__tests__/shared/components/__snapshots__/Avatar.jsx.snap
+++ b/__tests__/shared/components/__snapshots__/Avatar.jsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Snapshots 1`] = `
 <svg
-  className="style__avatar___3QhkH"
+  className="style__avatar___193X1"
   height="141"
   viewBox="0 0 141 141"
   width="141"