From d7627c398cb0ff140f5f6294c158e3ff4ad36d6f Mon Sep 17 00:00:00 2001
From: Charlie Marsh <charlie.r.marsh@gmail.com>
Date: Wed, 2 Aug 2023 21:20:00 -0400
Subject: [PATCH] Add an icon for FIR (#6292)

It's not a very _good_ icon, but I prefer the consistency. I'm also
going to add tooltips to these.
---
 playground/src/Editor/Icons.tsx            | 17 +++++++++++++++++
 playground/src/Editor/SecondarySideBar.tsx |  9 +++++++--
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/playground/src/Editor/Icons.tsx b/playground/src/Editor/Icons.tsx
index 13f4188a5c..0e39f4d8d0 100644
--- a/playground/src/Editor/Icons.tsx
+++ b/playground/src/Editor/Icons.tsx
@@ -107,3 +107,20 @@ export function TokensIcon() {
     </svg>
   );
 }
+
+export function FormatterIRIcon() {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 16 16"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4 2H12V6C12.3415 6.03511 12.6774 6.11234 13 6.22998V1H3V9.47998L4 7.72998V2ZM6.14001 10L5 8L4 9.75L3.29004 11L1 15H9L6.70996 11L6.14001 10ZM2.71997 14L4.43994 11L5 10L5.56006 11L7.28003 14H2.71997ZM9.55552 7.58984C10.1311 7.20526 10.8077 7 11.5 7C12.4282 7 13.3185 7.36877 13.9748 8.02515C14.6312 8.68152 15 9.57174 15 10.5C15 11.1922 14.7947 11.8689 14.4101 12.4445C14.0256 13.02 13.4789 13.4686 12.8393 13.7335C12.1998 13.9984 11.4961 14.0678 10.8171 13.9327C10.1382 13.7977 9.51461 13.4643 9.02513 12.9749C8.53564 12.4854 8.20229 11.8618 8.06724 11.1829C7.93219 10.5039 8.00155 9.80019 8.26646 9.16064C8.53137 8.5211 8.97995 7.97443 9.55552 7.58984ZM10.1111 12.5786C10.5222 12.8533 11.0055 13 11.5 13C12.163 13 12.799 12.7367 13.2678 12.2678C13.7366 11.799 14 11.163 14 10.5C14 10.0055 13.8533 9.52221 13.5786 9.11108C13.3039 8.69996 12.9135 8.37953 12.4566 8.19031C11.9998 8.00109 11.4973 7.95163 11.0123 8.0481C10.5274 8.14456 10.0818 8.38255 9.73216 8.73218C9.38253 9.08181 9.14454 9.52738 9.04808 10.0123C8.95161 10.4973 9.00107 10.9998 9.19029 11.4567C9.37951 11.9135 9.69994 12.3039 10.1111 12.5786Z"
+      />
+    </svg>
+  );
+}
diff --git a/playground/src/Editor/SecondarySideBar.tsx b/playground/src/Editor/SecondarySideBar.tsx
index 44177c3ea6..721f6fec25 100644
--- a/playground/src/Editor/SecondarySideBar.tsx
+++ b/playground/src/Editor/SecondarySideBar.tsx
@@ -1,5 +1,10 @@
 import SideBar, { SideBarEntry } from "./SideBar";
-import { FormatIcon, StructureIcon, TokensIcon } from "./Icons";
+import {
+  FormatIcon,
+  FormatterIRIcon,
+  StructureIcon,
+  TokensIcon,
+} from "./Icons";
 import { SecondaryTool } from "./SecondaryPanel";
 
 interface RightSideBarProps {
@@ -42,7 +47,7 @@ export default function SecondarySideBar({
         selected={selected === SecondaryTool.FIR}
         onClick={() => onSelected(SecondaryTool.FIR)}
       >
-        FIR
+        <FormatterIRIcon />
       </SideBarEntry>
     </SideBar>
   );