From 1d34d45da7c9eaf5852f252101462dbd23adefb3 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sat, 8 Dec 2018 20:04:32 -0800
Subject: [PATCH] fix(icons): fix icons.svg url (#769)

in #762 I forgot to set the absolute path for these; it fails on
subpages
---
 routes/_components/Avatar.html                              | 2 +-
 routes/_components/DynamicPageBanner.html                   | 2 +-
 routes/_components/ExternalLink.html                        | 2 +-
 routes/_components/IconButton.html                          | 4 ++--
 routes/_components/LoadingSpinner.html                      | 2 +-
 routes/_components/NavItem.html                             | 4 ++--
 routes/_components/NotLoggedInHome.html                     | 2 +-
 routes/_components/PlayVideoIcon.html                       | 2 +-
 routes/_components/community/PageListItem.html              | 2 +-
 routes/_components/compose/ComposeButton.html               | 4 ++--
 routes/_components/compose/ComposeMediaItem.html            | 2 +-
 routes/_components/dialog/components/GenericDialogList.html | 4 ++--
 routes/_components/dialog/components/ModalDialog.html       | 2 +-
 routes/_components/search/Search.html                       | 2 +-
 routes/_components/settings/SettingsListItem.html           | 2 +-
 routes/_components/status/StatusDetails.html                | 4 ++--
 routes/_components/status/StatusHeader.html                 | 2 +-
 routes/_components/status/StatusMediaAttachments.html       | 4 ++--
 18 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/routes/_components/Avatar.html b/routes/_components/Avatar.html
index f73d0924..50ad976c 100644
--- a/routes/_components/Avatar.html
+++ b/routes/_components/Avatar.html
@@ -1,6 +1,6 @@
 {#if error}
 <svg class={computedClass} style={svgStyle} aria-hidden="true">
-  <use xlink:href="icons.svg#fa-user" />
+  <use xlink:href="/icons.svg#fa-user" />
 </svg>
 {:elseif $autoplayGifs}
   <LazyImage
diff --git a/routes/_components/DynamicPageBanner.html b/routes/_components/DynamicPageBanner.html
index 2b4b1ea8..41e12b64 100644
--- a/routes/_components/DynamicPageBanner.html
+++ b/routes/_components/DynamicPageBanner.html
@@ -3,7 +3,7 @@
 >
   {#if icon}
   <svg class="dynamic-page-banner-svg">
-    <use xlink:href="icons.svg{icon}" />
+    <use xlink:href="/icons.svg{icon}" />
   </svg>
   {/if}
   <h1 class="dynamic-page-title" aria-label={ariaTitle}>{title}</h1>
diff --git a/routes/_components/ExternalLink.html b/routes/_components/ExternalLink.html
index 68a9bca1..78a18bd9 100644
--- a/routes/_components/ExternalLink.html
+++ b/routes/_components/ExternalLink.html
@@ -5,7 +5,7 @@
    class={computedClass}>
   <slot></slot>{#if showIcon}
     <svg class="external-link-svg">
-      <use xlink:href="icons.svg#fa-external-link" />
+      <use xlink:href="/icons.svg#fa-external-link" />
     </svg>
   {/if}</a>
 <style>
diff --git a/routes/_components/IconButton.html b/routes/_components/IconButton.html
index af61ebf4..e758f826 100644
--- a/routes/_components/IconButton.html
+++ b/routes/_components/IconButton.html
@@ -8,7 +8,7 @@
           delegate-key={delegateKey}
           focus-key={focusKey || ''} >
     <svg class="icon-button-svg {svgClassName || ''}" ref:svg>
-      <use xlink:href="icons.svg{href}" />
+      <use xlink:href="/icons.svg{href}" />
     </svg>
   </button>
 {:else}
@@ -21,7 +21,7 @@
           {disabled}
           on:click >
     <svg class="icon-button-svg {svgClassName || ''}" ref:svg>
-      <use xlink:href="icons.svg{href}" />
+      <use xlink:href="/icons.svg{href}" />
     </svg>
   </button>
 {/if}
diff --git a/routes/_components/LoadingSpinner.html b/routes/_components/LoadingSpinner.html
index 67e80fae..1583be38 100644
--- a/routes/_components/LoadingSpinner.html
+++ b/routes/_components/LoadingSpinner.html
@@ -2,7 +2,7 @@
      style="width: {size}px; height: {size}px;"
      aria-label="Loading"
 >
-  <use xlink:href="icons.svg#fa-spinner" />
+  <use xlink:href="/icons.svg#fa-spinner" />
 </svg>
 <style>
   .loading-spinner-icon {
diff --git a/routes/_components/NavItem.html b/routes/_components/NavItem.html
index 0264185c..d3e6b00f 100644
--- a/routes/_components/NavItem.html
+++ b/routes/_components/NavItem.html
@@ -7,7 +7,7 @@
     {#if name === 'notifications'}
     <div class="nav-link-svg-wrapper">
       <svg class="nav-link-svg">
-        <use xlink:href="icons.svg{svg}" />
+        <use xlink:href="/icons.svg{svg}" />
       </svg>
       {#if $hasNotifications}
       <span class="nav-link-notifications nav-link-notifications-digits-{notificationDigits}" aria-hidden="true">
@@ -17,7 +17,7 @@
     </div>
     {:else}
     <svg class="nav-link-svg">
-      <use xlink:href="icons.svg{svg}" />
+      <use xlink:href="/icons.svg{svg}" />
     </svg>
     {/if}
     <span class="nav-link-label">{label}</span>
diff --git a/routes/_components/NotLoggedInHome.html b/routes/_components/NotLoggedInHome.html
index de1e2430..221ed743 100644
--- a/routes/_components/NotLoggedInHome.html
+++ b/routes/_components/NotLoggedInHome.html
@@ -3,7 +3,7 @@
     <div class="not-logged-in-home">
       <div class="banner">
         <svg aria-hidden="true" class="not-logged-in-home-svg">
-          <use xlink:href="icons.svg#pinafore-logo" />
+          <use xlink:href="/icons.svg#pinafore-logo" />
         </svg>
         <h1>Pinafore</h1>
       </div>
diff --git a/routes/_components/PlayVideoIcon.html b/routes/_components/PlayVideoIcon.html
index add74bbe..805197e5 100644
--- a/routes/_components/PlayVideoIcon.html
+++ b/routes/_components/PlayVideoIcon.html
@@ -1,6 +1,6 @@
 <div class="play-video-icon {className || ''}">
   <svg class="play-video-icon-svg">
-    <use xlink:href="icons.svg#fa-play-circle" />
+    <use xlink:href="/icons.svg#fa-play-circle" />
   </svg>
 </div>
 <style>
diff --git a/routes/_components/community/PageListItem.html b/routes/_components/community/PageListItem.html
index 281ee90e..adfcfe09 100644
--- a/routes/_components/community/PageListItem.html
+++ b/routes/_components/community/PageListItem.html
@@ -1,7 +1,7 @@
 <li class="page-list-item">
   <a {href}>
     <svg class="page-list-item-svg">
-      <use xlink:href="icons.svg{icon}" />
+      <use xlink:href="/icons.svg{icon}" />
     </svg>
     <span aria-label={ariaLabel}>
       {label}
diff --git a/routes/_components/compose/ComposeButton.html b/routes/_components/compose/ComposeButton.html
index f930d6b6..146c17df 100644
--- a/routes/_components/compose/ComposeButton.html
+++ b/routes/_components/compose/ComposeButton.html
@@ -9,14 +9,14 @@
     <div class="compose-box-button-spinner"
          aria-hidden="true">
       <svg class="compose-box-button-svg {$postingStatus ? 'spin' : 'hidden'}">
-        <use xlink:href="icons.svg#fa-spinner" />
+        <use xlink:href="/icons.svg#fa-spinner" />
       </svg>
     </div>
 
     <div class="compose-box-button-compose {sticky ? '' : 'hidden'}"
          aria-hidden="true">
       <svg class="compose-box-button-svg">
-        <use xlink:href="icons.svg#fa-pencil" />
+        <use xlink:href="/icons.svg#fa-pencil" />
       </svg>
     </div>
   </button>
diff --git a/routes/_components/compose/ComposeMediaItem.html b/routes/_components/compose/ComposeMediaItem.html
index 8c298ba4..f4c1b77a 100644
--- a/routes/_components/compose/ComposeMediaItem.html
+++ b/routes/_components/compose/ComposeMediaItem.html
@@ -5,7 +5,7 @@
             aria-label="Delete {shortName}"
             on:click="onDeleteMedia()" >
       <svg class="compose-media-delete-button-svg">
-        <use xlink:href="icons.svg#fa-times" />
+        <use xlink:href="/icons.svg#fa-times" />
       </svg>
     </button>
   </div>
diff --git a/routes/_components/dialog/components/GenericDialogList.html b/routes/_components/dialog/components/GenericDialogList.html
index 98e9d5a7..a4a1eaa1 100644
--- a/routes/_components/dialog/components/GenericDialogList.html
+++ b/routes/_components/dialog/components/GenericDialogList.html
@@ -3,14 +3,14 @@
   <li class="generic-dialog-list-item">
     <button class="generic-dialog-list-button" on:click="fire('click', item)">
       <svg class="generic-dialog-list-item-svg">
-        <use xlink:href="icons.svg{item.icon}" />
+        <use xlink:href="/icons.svg{item.icon}" />
       </svg>
       <span class="generic-dialog-list-button-span">
         {item.label}
       </span>
       {#if selectable}
         <svg class="generic-dialog-list-item-svg {item.selected ? '' : 'hidden'}" aria-hidden={!item.selected}>
-          <use xlink:href="icons.svg#fa-check" />
+          <use xlink:href="/icons.svg#fa-check" />
         </svg>
       {/if}
     </button>
diff --git a/routes/_components/dialog/components/ModalDialog.html b/routes/_components/dialog/components/ModalDialog.html
index 68bc2c88..9fe431a6 100644
--- a/routes/_components/dialog/components/ModalDialog.html
+++ b/routes/_components/dialog/components/ModalDialog.html
@@ -16,7 +16,7 @@
         <button class="close-dialog-button"
                 data-a11y-dialog-hide aria-label="Close dialog">
           <svg class="close-dialog-button-svg">
-            <use xlink:href="icons.svg#fa-times" />
+            <use xlink:href="/icons.svg#fa-times" />
           </svg>
         </button>
       </div>
diff --git a/routes/_components/search/Search.html b/routes/_components/search/Search.html
index b12f7b60..3748a4c5 100644
--- a/routes/_components/search/Search.html
+++ b/routes/_components/search/Search.html
@@ -9,7 +9,7 @@
   </div>
   <button type="submit" class="primary search-button" aria-label="Search" disabled={$searchLoading}>
     <svg class="search-button-svg">
-      <use xlink:href="icons.svg#fa-search" />
+      <use xlink:href="/icons.svg#fa-search" />
     </svg>
   </button>
 </form>
diff --git a/routes/_components/settings/SettingsListItem.html b/routes/_components/settings/SettingsListItem.html
index 1aaf4089..ff59c46d 100644
--- a/routes/_components/settings/SettingsListItem.html
+++ b/routes/_components/settings/SettingsListItem.html
@@ -2,7 +2,7 @@
   <a {href}>
     {#if icon}
     <svg class="settings-list-item-svg">
-      <use xlink:href="icons.svg{icon}" />
+      <use xlink:href="/icons.svg{icon}" />
     </svg>
     {/if}
     <span aria-label={ariaLabel || label} class={offsetForIcon ? 'offset-for-icon' : ''}>
diff --git a/routes/_components/status/StatusDetails.html b/routes/_components/status/StatusDetails.html
index 64aeb889..fbbf81ae 100644
--- a/routes/_components/status/StatusDetails.html
+++ b/routes/_components/status/StatusDetails.html
@@ -26,7 +26,7 @@
      href="/statuses/{originalStatusId}/reblogs"
      aria-label={reblogsLabel}>
     <svg class="status-favs-reblogs-svg">
-      <use xlink:href="icons.svg#fa-retweet"/>
+      <use xlink:href="/icons.svg#fa-retweet"/>
     </svg>
     <span>{numReblogs}</span>
   </a>
@@ -34,7 +34,7 @@
      href="/statuses/{originalStatusId}/favorites"
      aria-label={favoritesLabel}>
     <svg class="status-favs-reblogs-svg">
-      <use xlink:href="icons.svg#fa-star" />
+      <use xlink:href="/icons.svg#fa-star" />
     </svg>
     <span>{numFavs}</span>
   </a>
diff --git a/routes/_components/status/StatusHeader.html b/routes/_components/status/StatusHeader.html
index f910abf1..96fa9580 100644
--- a/routes/_components/status/StatusHeader.html
+++ b/routes/_components/status/StatusHeader.html
@@ -3,7 +3,7 @@
     <Avatar {account} size="extra-small"/>
   </div>
   <svg class="status-header-svg">
-    <use xlink:href="icons.svg{icon}"/>
+    <use xlink:href="/icons.svg{icon}"/>
   </svg>
 
   <div class="status-header-content">
diff --git a/routes/_components/status/StatusMediaAttachments.html b/routes/_components/status/StatusMediaAttachments.html
index 26da6fc9..58f088ea 100644
--- a/routes/_components/status/StatusMediaAttachments.html
+++ b/routes/_components/status/StatusMediaAttachments.html
@@ -7,7 +7,7 @@
           delegate-key={delegateKey} >
     <div class="svg-wrapper">
       <svg class="status-sensitive-media-svg">
-        <use xlink:href="icons.svg#fa-eye-slash" />
+        <use xlink:href="/icons.svg#fa-eye-slash" />
       </svg>
     </div>
   </button>
@@ -23,7 +23,7 @@
       </div>
       <div class="svg-wrapper">
         <svg class="status-sensitive-media-svg">
-          <use xlink:href="icons.svg#fa-eye" />
+          <use xlink:href="/icons.svg#fa-eye" />
         </svg>
       </div>
     </button>