From 0a7bb436447d4ee1c8030c40c50ae3a570976080 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Fri, 12 May 2023 10:10:29 -0500
Subject: [PATCH] Replace the moderation hand icon with a better icon

---
 src/lib/icons.tsx                  | 26 ++++++++++++++++++++++++++
 src/view/shell/Drawer.tsx          |  7 ++++---
 src/view/shell/desktop/LeftNav.tsx |  7 ++++---
 3 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/src/lib/icons.tsx b/src/lib/icons.tsx
index 4cb491e4..c5000eaf 100644
--- a/src/lib/icons.tsx
+++ b/src/lib/icons.tsx
@@ -828,3 +828,29 @@ export function InfoCircleIcon({
     </Svg>
   )
 }
+
+export function HandIcon({
+  style,
+  size,
+  strokeWidth = 1.5,
+}: {
+  style?: StyleProp<TextStyle>
+  size?: string | number
+  strokeWidth?: number
+}) {
+  return (
+    <Svg
+      width={size}
+      height={size}
+      viewBox="0 0 76 76"
+      stroke="currentColor"
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      fill="none"
+      style={style}>
+      <Path d="M33.5 39V11.5C33.5 8.46243 31.0376 6 28 6V6C24.9624 6 22.5 8.46243 22.5 11.5V48V48C22.5 48.5802 21.8139 48.8874 21.3811 48.501L13.2252 41.2189C10.72 38.9821 6.81945 39.4562 4.92296 42.228L4.77978 42.4372C3.17708 44.7796 3.50863 47.9385 5.56275 49.897L16.0965 59.9409C20.9825 64.5996 26.7533 68.231 33.0675 70.6201V70.6201C38.8234 72.798 45.1766 72.798 50.9325 70.6201L51.9256 70.2444C57.4044 68.1713 61.8038 63.9579 64.1113 58.5735V58.5735C65.6874 54.8962 66.5 50.937 66.5 46.9362V22.5C66.5 19.4624 64.0376 17 61 17V17C57.9624 17 55.5 19.4624 55.5 22.5V38.5" />
+      <Path d="M55.5 39V11.5C55.5 8.46243 53.0376 6 50 6V6C46.9624 6 44.5 8.46243 44.5 11.5V39" />
+      <Path d="M44.5 39V8.5C44.5 5.46243 42.0376 3 39 3V3C35.9624 3 33.5 5.46243 33.5 8.5V39" />
+    </Svg>
+  )
+}
diff --git a/src/view/shell/Drawer.tsx b/src/view/shell/Drawer.tsx
index 663a1bcf..34a0852d 100644
--- a/src/view/shell/Drawer.tsx
+++ b/src/view/shell/Drawer.tsx
@@ -28,6 +28,7 @@ import {
   MagnifyingGlassIcon2Solid,
   MoonIcon,
   UserIconSolid,
+  HandIcon,
 } from 'lib/icons'
 import {UserAvatar} from 'view/com/util/UserAvatar'
 import {Text} from 'view/com/util/text/Text'
@@ -228,10 +229,10 @@ export const DrawerContent = observer(() => {
           />
           <MenuItem
             icon={
-              <FontAwesomeIcon
-                icon={['far', 'hand']}
+              <HandIcon
+                strokeWidth={5}
                 style={pal.text as FontAwesomeIconStyle}
-                size={20}
+                size={24}
               />
             }
             label="Moderation"
diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx
index 37e79d34..8901fd81 100644
--- a/src/view/shell/desktop/LeftNav.tsx
+++ b/src/view/shell/desktop/LeftNav.tsx
@@ -29,6 +29,7 @@ import {
   CogIcon,
   CogIconSolid,
   ComposeIcon2,
+  HandIcon,
 } from 'lib/icons'
 import {getCurrentRoute, isTab, isStateAtTabRoot} from 'lib/routes/helpers'
 import {NavigationProp} from 'lib/routes/types'
@@ -206,10 +207,10 @@ export const DesktopLeftNav = observer(function DesktopLeftNav() {
       <NavItem
         href="/moderation"
         icon={
-          <FontAwesomeIcon
-            icon={['far', 'hand']}
+          <HandIcon
+            strokeWidth={5.5}
             style={pal.text as FontAwesomeIconStyle}
-            size={20}
+            size={24}
           />
         }
         iconFilled={