From e5668f3a72ace2bd0eadb0c9fc0bec7b5618ed29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Fri, 10 Apr 2020 12:16:38 +0200
Subject: [PATCH] Fix SVGs

---
 src/atoms/IconArrow.svelte                         | 6 +++---
 src/atoms/IconCross.svelte                         | 2 +-
 src/atoms/IconGlobe.svelte                         | 2 +-
 src/atoms/IconGlobeSmall.svelte                    | 2 +-
 src/atoms/IconZoomOut.svelte                       | 2 +-
 src/atoms/ToggleLayout.svelte                      | 4 ++--
 src/molecules/Switcher.svelte                      | 2 +-
 src/routes/location/[country]/[place].svelte       | 2 +-
 src/routes/viewer/[country]/[place]/[photo].svelte | 2 +-
 9 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/atoms/IconArrow.svelte b/src/atoms/IconArrow.svelte
index 8dd7230..07811f0 100644
--- a/src/atoms/IconArrow.svelte
+++ b/src/atoms/IconArrow.svelte
@@ -4,10 +4,10 @@
     export let hidden = undefined
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill={color} class={$$props.class} aria-hidden={hidden}>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="20" height="20" viewbox="0 0 20 20" fill={color} class={$$props.class} aria-hidden={hidden}>
     {#if direction === 'left'}
-    <path d="M.26 10.85l-.06-.11-.08-.15-.05-.16-.04-.13a1.5 1.5 0 010-.6c0-.05.03-.09.04-.13l.05-.16.08-.15.06-.1c.06-.1.13-.17.2-.25L9.2.45c.61-.6 1.61-.6 2.23 0 .62.6.62 1.57 0 2.17L5.4 8.47h13.02c.87 0 1.58.68 1.58 1.53s-.7 1.53-1.58 1.53H5.4l6.03 5.85c.62.6.62 1.57 0 2.17-.3.3-.71.45-1.12.45-.4 0-.8-.15-1.11-.45L.46 11.08a1.5 1.5 0 01-.2-.23"/>
+    <path fill={color} d="M.26 10.85l-.06-.11-.08-.15-.05-.16-.04-.13a1.5 1.5 0 010-.6c0-.05.03-.09.04-.13l.05-.16.08-.15.06-.1c.06-.1.13-.17.2-.25L9.2.45c.61-.6 1.61-.6 2.23 0 .62.6.62 1.57 0 2.17L5.4 8.47h13.02c.87 0 1.58.68 1.58 1.53s-.7 1.53-1.58 1.53H5.4l6.03 5.85c.62.6.62 1.57 0 2.17-.3.3-.71.45-1.12.45-.4 0-.8-.15-1.11-.45L.46 11.08a1.5 1.5 0 01-.2-.23"/>
     {:else if direction === 'right'}
-    <path d="M19.74 10.85l.06-.11.08-.15.05-.16.04-.13c.04-.2.04-.4 0-.6 0-.05-.03-.09-.04-.13l-.05-.16-.08-.15-.06-.1a1.53 1.53 0 00-.2-.25L10.8.45c-.61-.6-1.61-.6-2.23 0a1.5 1.5 0 000 2.17l6.03 5.85H1.58C.71 8.47 0 9.15 0 10s.7 1.53 1.58 1.53H14.6l-6.03 5.85a1.5 1.5 0 000 2.17c.3.3.71.45 1.12.45.4 0 .8-.15 1.11-.45l8.74-8.47.2-.23"/>
+    <path fill={color} d="M19.74 10.85l.06-.11.08-.15.05-.16.04-.13c.04-.2.04-.4 0-.6 0-.05-.03-.09-.04-.13l-.05-.16-.08-.15-.06-.1a1.53 1.53 0 00-.2-.25L10.8.45c-.61-.6-1.61-.6-2.23 0a1.5 1.5 0 000 2.17l6.03 5.85H1.58C.71 8.47 0 9.15 0 10s.7 1.53 1.58 1.53H14.6l-6.03 5.85a1.5 1.5 0 000 2.17c.3.3.71.45 1.12.45.4 0 .8-.15 1.11-.45l8.74-8.47.2-.23"/>
     {/if}
 </svg>
diff --git a/src/atoms/IconCross.svelte b/src/atoms/IconCross.svelte
index 0dede91..4e9aa9b 100644
--- a/src/atoms/IconCross.svelte
+++ b/src/atoms/IconCross.svelte
@@ -4,6 +4,6 @@
     export let hidden = undefined
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17" {width} fill={color} class={$$props.class} aria-hidden={hidden}>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17 17" {width} fill={color} class={$$props.class} aria-hidden={hidden}>
     <path fill-rule="nonzero" d="M16.63.37c.47.47.5 1.2.09 1.7l-.09.1-6.32 6.33 6.32 6.32a1.28 1.28 0 01-1.7 1.9l-.1-.09-6.33-6.32-6.32 6.32a1.28 1.28 0 01-1.9-1.7l.09-.1L6.69 8.5.37 2.18a1.28 1.28 0 011.7-1.9l.1.09L8.5 6.69 14.82.37c.5-.5 1.31-.5 1.81 0z"/>
 </svg>
diff --git a/src/atoms/IconGlobe.svelte b/src/atoms/IconGlobe.svelte
index 1492e52..057ba75 100644
--- a/src/atoms/IconGlobe.svelte
+++ b/src/atoms/IconGlobe.svelte
@@ -12,7 +12,7 @@
     const randomId = randomString(6, 'A')
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
     width={width} viewBox="0 0 56 75"
     fill={color}
     class="icon-svg icon-globe" class:is-animated={animated}
diff --git a/src/atoms/IconGlobeSmall.svelte b/src/atoms/IconGlobeSmall.svelte
index 5ec807d..5f01108 100644
--- a/src/atoms/IconGlobeSmall.svelte
+++ b/src/atoms/IconGlobeSmall.svelte
@@ -12,7 +12,7 @@
     const randomId = randomString(6, 'A')
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
     width={width} viewBox="0 0 56 56"
     fill={color}
     class="icon-svg icon-globe icon-globe--small" class:is-animated={animated}
diff --git a/src/atoms/IconZoomOut.svelte b/src/atoms/IconZoomOut.svelte
index a8dce0b..6c67312 100644
--- a/src/atoms/IconZoomOut.svelte
+++ b/src/atoms/IconZoomOut.svelte
@@ -4,6 +4,6 @@
     export let hidden = undefined
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" {width} fill={color} class={$$props.class} aria-hidden={hidden}>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 19 18" {width} fill={color} class={$$props.class} aria-hidden={hidden}>
     <path fill-rule="evenodd" d="M8.36 0a7.76 7.76 0 016.02 12.63l3.99 3.99a.81.81 0 11-1.15 1.14l-3.99-3.99A7.76 7.76 0 118.35 0zm0 1.62a6.14 6.14 0 10.01 12.28 6.14 6.14 0 00-.01-12.28zm2.38 5.32a.81.81 0 110 1.62H5.98a.81.81 0 110-1.62z"/>
 </svg>
diff --git a/src/atoms/ToggleLayout.svelte b/src/atoms/ToggleLayout.svelte
index 01aa751..6d5b3ac 100644
--- a/src/atoms/ToggleLayout.svelte
+++ b/src/atoms/ToggleLayout.svelte
@@ -63,7 +63,7 @@
 
 <div class="toggle" role="switch" aria-checked="true" bind:this={toggleEl}>
     <button data-layout="list" class:active={layoutSetting === 'list'} on:click={toggleLayout}>
-        <svg xmlns="http://www.w3.org/2000/svg" width="19" height="17" viewBox="0 0 19 17">
+        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="19" height="17" viewBox="0 0 19 17">
             <g class="anim">
                 <rect width="15" height="3"/>
                 <rect width="15" height="3" x="4" y="7"/>
@@ -74,7 +74,7 @@
     </button>
 
     <button data-layout="grid" class:active={layoutSetting === 'grid'} on:click={toggleLayout}>
-        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20">
+        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="18" height="20" viewBox="0 0 18 20">
             <g class="anim">
                 <rect width="7" height="7"/>
                 <rect width="7" height="7" x="11" y="2"/>
diff --git a/src/molecules/Switcher.svelte b/src/molecules/Switcher.svelte
index b8005e5..a4f248d 100644
--- a/src/molecules/Switcher.svelte
+++ b/src/molecules/Switcher.svelte
@@ -41,7 +41,7 @@
                 color={type.includes('side') ? '#333' : '#fff'}
                 width={type.includes('side') ? 18 : 24}
             />
-            <svg>
+            <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
                 <circle cx="50%" cy="50%" r="{type.includes('side') ? 24 : radius}px"></circle>
             </svg>
         </a>
diff --git a/src/routes/location/[country]/[place].svelte b/src/routes/location/[country]/[place].svelte
index 9c54348..fa10c71 100644
--- a/src/routes/location/[country]/[place].svelte
+++ b/src/routes/location/[country]/[place].svelte
@@ -125,7 +125,7 @@
                     <IconGlobe width="44" color="#fff" />
                     <span>Change</span>
                 </span>
-                <svg>
+                <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
                     <circle cx="50%" cy="50%" r="43%" />
                 </svg>
             </a>
diff --git a/src/routes/viewer/[country]/[place]/[photo].svelte b/src/routes/viewer/[country]/[place]/[photo].svelte
index ecdaa87..3a0ca3d 100644
--- a/src/routes/viewer/[country]/[place]/[photo].svelte
+++ b/src/routes/viewer/[country]/[place]/[photo].svelte
@@ -108,7 +108,7 @@
             <div class="viewer__buttons">
                 <a href="/choose" class="button-control button-control--dashed" aria-label="Change the location" rel="prefetch">
                     <IconGlobe color="#fff" width={windowWidth >= 768 ? 22 : 18} />
-                    <svg>
+                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
                         <circle cx="50%" cy="50%" r="{windowWidth >= 768 ? 32 : 24}px"></circle>
                     </svg>
                 </a>