From c85c5cce5f23645207a64ae401cdf6d17f33556f Mon Sep 17 00:00:00 2001
From: video-prize-ranch <cb.8a3w5@simplelogin.co>
Date: Thu, 10 Aug 2023 14:30:08 +0000
Subject: [PATCH] Switch to icon

---
 static/icons/PhMagnifyingGlass.svg | 1 +
 views/partials/searchBar.hbs       | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)
 create mode 100644 static/icons/PhMagnifyingGlass.svg

diff --git a/static/icons/PhMagnifyingGlass.svg b/static/icons/PhMagnifyingGlass.svg
new file mode 100644
index 0000000..2d01119
--- /dev/null
+++ b/static/icons/PhMagnifyingGlass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32ZM40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72Z"/></svg>
\ No newline at end of file
diff --git a/views/partials/searchBar.hbs b/views/partials/searchBar.hbs
index a7e2b41..6afddb1 100644
--- a/views/partials/searchBar.hbs
+++ b/views/partials/searchBar.hbs
@@ -1,4 +1,6 @@
 <form method="GET" action="/search" class="flex gap-2 w-full lg:w-1/2">
   <input class="p-2 rounded-lg bg-slate-600 w-full" name="q" type="text" placeholder="Search or paste a link" {{#if query}}value="{{query}}"{{/if}}/>
-  <button type="submit" class="p-2 rounded-lg bg-slate-600">🔍</button>
+  <button type="submit" class="p-2 rounded-lg bg-slate-600">
+    <img class="invert icon" src="/static/icons/PhMagnifyingGlass.svg" alt="Search" width="24px" height="24px">
+  </button>
 </form>
\ No newline at end of file