From eeaea4f602f48c157364d3448339d5681a7162dc Mon Sep 17 00:00:00 2001
From: Corbin Crutchley <git@crutchcorn.dev>
Date: Sun, 21 Dec 2025 05:14:53 -0800
Subject: [PATCH] fix: replace edit icons with arrows

---
 client-src/components/user-toolbar/user-toolbar.tsx |  9 +++++----
 public/StreamlineFreehand-NavigationPageRight.svg   | 12 ++++++++++++
 2 files changed, 17 insertions(+), 4 deletions(-)
 create mode 100644 public/StreamlineFreehand-NavigationPageRight.svg

diff --git a/client-src/components/user-toolbar/user-toolbar.tsx b/client-src/components/user-toolbar/user-toolbar.tsx
index 677d347..5c3f50c 100644
--- a/client-src/components/user-toolbar/user-toolbar.tsx
+++ b/client-src/components/user-toolbar/user-toolbar.tsx
@@ -7,6 +7,7 @@ import { socketSend } from "../../services/socket.ts";
 import { app } from "../../state";
 
 const EditPencil = `/StreamlineFreehand-EditPencil.svg`;
+const NavigationPageRight = `/StreamlineFreehand-NavigationPageRight.svg`;
 
 interface UserToolbarProps {
   hat: string;
@@ -154,14 +155,14 @@ function CustomizeFrogDialog({
           onClick={() => safeSetHatIndex((v) => v - 1)}
           className="border group bg-green-400 hover:bg-green-600 p-2 rounded-full"
         >
-          <img src={EditPencil} className="group-hover:text-green-300" />
+          <img src={NavigationPageRight} className="transform -scale-x-100 group-hover:text-green-300" />
         </button>
         <img src={currentHat} className="" />
         <button
           onClick={() => safeSetHatIndex((v) => v + 1)}
           className="border group bg-green-400 hover:bg-green-600 p-2 rounded-full"
         >
-          <img src={EditPencil} className="group-hover:text-green-300" />
+          <img src={NavigationPageRight} className="group-hover:text-green-300" />
         </button>
       </div>
 
@@ -170,14 +171,14 @@ function CustomizeFrogDialog({
           onClick={() => safeSetFrogIndex((v) => v - 1)}
           className="border group bg-green-400 hover:bg-green-600 p-2 rounded-full"
         >
-          <img src={EditPencil} className="group-hover:text-green-300" />
+          <img src={NavigationPageRight} className="transform -scale-x-100 group-hover:text-green-300" />
         </button>
         <img src={currentFrog} className="" />
         <button
           onClick={() => safeSetFrogIndex((v) => v + 1)}
           className="border group bg-green-400 hover:bg-green-600 p-2 rounded-full"
         >
-          <img src={EditPencil} className="group-hover:text-green-300" />
+          <img src={NavigationPageRight} className="group-hover:text-green-300" />
         </button>
       </div>
 
diff --git a/public/StreamlineFreehand-NavigationPageRight.svg b/public/StreamlineFreehand-NavigationPageRight.svg
new file mode 100644
index 0000000..f381b44
--- /dev/null
+++ b/public/StreamlineFreehand-NavigationPageRight.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1030_2412)">
+<path d="M16.74 3.63C18.2196 4.8284 19.5343 6.21709 20.65 7.75999C20.91 8.14 21.53 8.97 22.17 9.75999C22.66 10.35 23.17 10.92 23.49 11.26C23.59 11.36 23.75 11.42 23.73 11.47C23.8198 11.4909 23.8985 11.5446 23.9508 11.6205C24.0031 11.6965 24.0251 11.7892 24.0126 11.8806C24.0001 11.9719 23.9539 12.0553 23.8832 12.1144C23.8124 12.1735 23.7221 12.204 23.63 12.2C23.2391 12.0237 22.8961 11.7563 22.63 11.42C21.6966 10.4012 20.8187 9.33303 20 8.22C18.9029 6.77052 17.6221 5.46965 16.19 4.34999C15 3.41999 13.88 2.69999 13.26 2.75999C13.19 2.75999 13.16 2.85 13.11 2.93C13.0298 3.10171 12.9726 3.28329 12.94 3.47C12.812 4.54529 12.7919 5.6307 12.88 6.70999C12.9064 6.91247 12.9064 7.11752 12.88 7.31999C12.8655 7.42939 12.8173 7.53155 12.742 7.61222C12.6667 7.69289 12.5681 7.74804 12.46 7.76999C12.1919 7.83663 11.9161 7.8669 11.64 7.85999C11.1 7.85999 10.52 7.75999 10.04 7.75999H4.28999C3.66068 7.71846 3.02931 7.71846 2.39999 7.75999C2.27477 7.75893 2.15083 7.78523 2.03684 7.83705C1.92284 7.88887 1.82153 7.96495 1.73999 8.06C1.58578 8.37388 1.48763 8.71231 1.44999 9.06C1.45411 9.08315 1.45411 9.10684 1.44999 9.12999C1.29999 10.56 0.179993 10.28 0.179993 9.10999C0.179993 8.89999 0.239993 8.68999 0.279993 8.49999C0.351726 8.11061 0.486853 7.73563 0.679993 7.38999C0.948007 6.97636 1.36849 6.68526 1.84999 6.57999C2.66061 6.48607 3.47937 6.48607 4.28999 6.57999L9.99999 6.62999C10.48 6.62999 11.07 6.74 11.61 6.75999H11.78C11.73 5.6519 11.7702 4.54159 11.9 3.44C12.08 2.44 12.53 1.81999 13.17 1.76999C13.81 1.71999 15.32 2.47 16.74 3.63Z" fill="black"/>
+<path d="M9 18.35L8.29 18.59C7.48 19.07 7.29 17.66 8.03 17.44C10 16.79 12.46 16 12.53 16C12.6426 15.9955 12.7538 16.0269 12.8473 16.0899C12.9408 16.1528 13.0118 16.2439 13.05 16.35C13.1065 16.5314 13.1368 16.72 13.14 16.91C13.14 17.79 13.07 19.85 13.2 20.7L13.37 21.31C13.6 21.38 13.89 21.22 14.18 21.06C14.5312 20.8684 14.8657 20.6476 15.18 20.4C16.1 19.63 17.05 18.86 17.96 18.06C18.57 17.53 19.16 16.99 19.71 16.42L21.45 14.58L23.12 12.82C23.1836 12.775 23.261 12.754 23.3386 12.7606C23.4162 12.7671 23.4889 12.801 23.544 12.856C23.599 12.9111 23.6329 12.9838 23.6394 13.0614C23.646 13.139 23.625 13.2164 23.58 13.28L21.91 15L20.21 16.88C19.65 17.48 19.06 18.04 18.45 18.6C17.55 19.42 16.61 20.22 15.71 21.01C15.2397 21.4382 14.707 21.7923 14.13 22.06C13.7996 22.2054 13.4303 22.2371 13.08 22.15C12.8703 22.077 12.6909 21.9363 12.57 21.75C12.3858 21.4459 12.2729 21.104 12.24 20.75C12.09 19.96 12.12 18.12 12.08 17.12C11.44 17.44 10.18 17.92 9 18.35Z" fill="black"/>
+<path d="M1.3 10.64C1.56475 10.9703 1.90875 11.2283 2.3 11.39C3.46242 11.7416 4.67741 11.8872 5.89 11.82C6.23081 11.8262 6.56842 11.8869 6.89 12C7.07436 12.0699 7.2295 12.2004 7.33 12.37C7.58111 12.8219 7.70549 13.3332 7.69 13.85C7.66004 14.3819 7.56945 14.9086 7.42 15.42C7.15327 16.5972 6.98602 17.7947 6.92 19C6.77 19.24 6.54 19.11 6.38 19.15C5.91202 19.1503 5.44671 19.0795 5 18.94C4.5912 18.8188 4.20579 18.6294 3.86 18.38C3.08741 17.8093 2.37386 17.1627 1.73 16.45C1.29356 15.9462 0.923852 15.3883 0.63 14.79C0.347368 14.1547 0.161959 13.4805 0.0799999 12.79C0.00962895 12.1252 0.00962895 11.4548 0.0799999 10.79C0.093967 10.6757 0.14695 10.5697 0.23 10.49C0.31 10.36 1.31 10.46 1.3 10.64ZM1.3 12.64C1.36673 13.1954 1.51499 13.7379 1.74 14.25C1.98895 14.7459 2.29793 15.2094 2.66 15.63C3.24613 16.2831 3.89602 16.876 4.6 17.4C4.77621 17.5326 4.97185 17.6371 5.18 17.71C5.50472 17.8246 5.83954 17.9083 6.18 17.96C6.01 16.52 6.53 15.08 6.47 13.86C6.41 12.64 6.33 13.1 5.57 13.03C4.5726 12.983 3.58496 12.8116 2.63 12.52C2.13932 12.3561 1.68206 12.1055 1.28 11.78C1.2747 12.0705 1.28806 12.3611 1.32 12.65L1.3 12.64Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_1030_2412">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
-- 
2.51.2