refactor: Switching to lucide icons

Signed-off-by: Vincent Boutour <[email protected]>
ViBiOh · Dec 28, 2022 · 3d3468e · 3d3468e
1 parent e4085eb
commit 3d3468e
Show file tree

Hide file tree

Showing 6 changed files with 60 additions and 57 deletions.
diff --git a/README.md b/README.md
@@ -22,7 +22,7 @@ Web File Browser and Manager.
 [![codecov](https://codecov.io/gh/ViBiOh/fibr/branch/main/graph/badge.svg)](https://codecov.io/gh/ViBiOh/fibr)
 [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=ViBiOh_fibr&metric=alert_status)](https://sonarcloud.io/dashboard?id=ViBiOh_fibr)
 
-Thanks to [FontAwesome](https://fontawesome.com) for providing awesome svg.
+Thanks to [FontAwesome](https://fontawesome.com) and [Lucide](https://lucide.dev) for providing awesome svg icons.
 
 I do it mostly for myself, but if you want to support me, you can star this project to give more visibility or sponsor my work (it pays server hosting, tooling, etc.).
 

diff --git a/cmd/fibr/templates/files.html b/cmd/fibr/templates/files.html
@@ -5,10 +5,10 @@
   {{ $root := . }}
 
   <link rel="preload" as="image" href="{{ url "/svg/list?fill=aliceblue" }}">
-  <link rel="preload" as="image" href="{{ url "/svg/th?fill=aliceblue" }}">
+  <link rel="preload" as="image" href="{{ url "/svg/grid?fill=aliceblue" }}">
 
   {{ if .Request.CanEdit }}
-    <link rel="preload" as="image" href="{{ url "/svg/cloud-upload-alt?fill=aliceblue" }}">
+    <link rel="preload" as="image" href="{{ url "/svg/upload?fill=aliceblue" }}">
     <link rel="preload" as="image" href="{{ url "/svg/folder-solid?fill=aliceblue" }}">
     <link rel="preload" as="image" href="{{ url "/svg/times?fill=crimson" }}">
     <link rel="preload" as="image" href="{{ url "/svg/pencil-alt?fill=aliceblue" }}">
@@ -18,7 +18,7 @@
   {{ end }}
 
   {{ if .Request.CanShare }}
-    <link rel="preload" as="image" href="{{ url "/svg/share-alt-square?fill=aliceblue" }}">
+    <link rel="preload" as="image" href="{{ url "/svg/share?fill=aliceblue" }}">
 
     {{ template "share-directory" . }}
     {{ template "share-list" . }}
@@ -159,7 +159,7 @@
         <img class="icon" src="{{ url "/svg/list?fill=aliceblue" }}" alt="List">
       </a>
       <a id="grid-display" class="button button-icon" href="?d=grid">
-        <img class="icon" src="{{ url "/svg/th?fill=aliceblue" }}" alt="Grid">
+        <img class="icon" src="{{ url "/svg/grid?fill=aliceblue" }}" alt="Grid">
       </a>
       {{ if .HasStory }}
         <a id="story-display" class="button button-icon" href="?d=story">
@@ -172,16 +172,16 @@
 
       {{ if .Request.CanEdit }}
         <a id="upload-button-link" href="#upload-modal" class="button button-icon">
-          <img class="icon" src="{{ url "/svg/cloud-upload-alt?fill=aliceblue" }}" alt="Upload">
+          <img class="icon" src="{{ url "/svg/upload?fill=aliceblue" }}" alt="Upload">
         </a>
         <a href="#folder-modal" class="button button-icon">
-          <img class="icon" src="{{ url "/svg/folder-solid?fill=aliceblue" }}" alt="Create folder">
+          <img class="icon" src="{{ url "/svg/folder-plus?fill=aliceblue" }}" alt="Create folder">
         </a>
       {{ end }}
 
       {{ if .Request.CanShare }}
         <a href="#share-list" class="button button-icon">
-          <img class="icon" src="{{ url "/svg/share-alt-square?fill=aliceblue" }}" alt="Share">
+          <img class="icon" src="{{ url "/svg/share?fill=aliceblue" }}" alt="Share">
         </a>
       {{ end }}
 
@@ -229,7 +229,7 @@
 
             {{ if $root.Request.CanShare }}
               <a href="#share-form-{{ .ID }}" class="button button-icon file-share" title="Share">
-                <img class="icon icon-square" src="{{ url "/svg/share-alt-square?fill=aliceblue" }}" alt="Share {{ .Name }}">
+                <img class="icon icon-square" src="{{ url "/svg/share?fill=aliceblue" }}" alt="Share {{ .Name }}">
               </a>
             {{ end }}
 

diff --git a/cmd/fibr/templates/search.html b/cmd/fibr/templates/search.html
@@ -61,7 +61,7 @@
         <img class="icon" src="{{ url "/svg/list?fill=aliceblue" }}" alt="List">
       </a>
       <a id="grid-display" class="button button-icon" href="?d=grid&{{ raw .Search.Encode }}">
-        <img class="icon" src="{{ url "/svg/th?fill=aliceblue" }}" alt="Grid">
+        <img class="icon" src="{{ url "/svg/grid?fill=aliceblue" }}" alt="Grid">
       </a>
 
       <span class="padding-left">

diff --git a/cmd/fibr/templates/story.html b/cmd/fibr/templates/story.html
@@ -13,7 +13,7 @@
 
   {{ if not .Request.Share.Story }}
     <link rel="preload" as="image" href="{{ url "/svg/list?fill=aliceblue" }}">
-    <link rel="preload" as="image" href="{{ url "/svg/th?fill=aliceblue" }}">
+    <link rel="preload" as="image" href="{{ url "/svg/grid?fill=aliceblue" }}">
     <link rel="preload" as="image" href="{{ url "/svg/image?fill=aliceblue" }}">
   {{ end }}
 
@@ -144,7 +144,7 @@
           <img class="icon" src="{{ url "/svg/list?fill=aliceblue" }}" alt="List">
         </a>
         <a id="grid-display" class="button button-icon" href="?d=grid">
-          <img class="icon" src="{{ url "/svg/th?fill=aliceblue" }}" alt="Grid">
+          <img class="icon" src="{{ url "/svg/grid?fill=aliceblue" }}" alt="Grid">
         </a>
         <a id="story-display" class="button button-icon" href="?d=story">
           <img class="icon" src="{{ url "/svg/image?fill=aliceblue" }}" alt="Image story">