From 3683447b6eb4dc9960edea484f86ba5d0bd01004 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 19 Jun 2023 21:56:41 +0800
Subject: [PATCH] Use Tag image

---
 .../templates/article/ArticleActionsMenu.tsx           | 10 ++++------
 .../templates/article/VerticalArticleActions.tsx       |  3 ++-
 packages/web/pages/settings/rules.tsx                  | 10 ++++++----
 3 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/packages/web/components/templates/article/ArticleActionsMenu.tsx b/packages/web/components/templates/article/ArticleActionsMenu.tsx
index 6ef6b95d4..402cb7d62 100644
--- a/packages/web/components/templates/article/ArticleActionsMenu.tsx
+++ b/packages/web/components/templates/article/ArticleActionsMenu.tsx
@@ -6,6 +6,7 @@ import {
   TagSimple,
   Trash,
   Tray,
+  Tag,
 } from 'phosphor-react'
 import { ArticleAttributes } from '../../../lib/networking/queries/useGetArticleQuery'
 import { Button } from '../../elements/Button'
@@ -79,7 +80,7 @@ export function ArticleActionsMenu(
                   tooltipSide={props.layout == 'side' ? 'right' : 'bottom'}
                 >
                   <SpanBox ref={displaySettingsButtonRef}>
-                    <TagSimple
+                    <Tag
                       size={24}
                       color={theme.colors.thHighContrast.toString()}
                     />
@@ -97,10 +98,7 @@ export function ArticleActionsMenu(
                 },
               }}
             >
-              <TagSimple
-                size={24}
-                color={theme.colors.thHighContrast.toString()}
-              />
+              <Tag size={24} color={theme.colors.thHighContrast.toString()} />
             </Button>
           )}
         </SpanBox>
@@ -116,7 +114,7 @@ export function ArticleActionsMenu(
             },
           }}
         >
-          <TagSimple size={24} color={theme.colors.thHighContrast.toString()} />
+          <Tag size={24} color={theme.colors.thHighContrast.toString()} />
         </Button>
 
         <Button
diff --git a/packages/web/components/templates/article/VerticalArticleActions.tsx b/packages/web/components/templates/article/VerticalArticleActions.tsx
index cfdfcdd1e..e9726644f 100644
--- a/packages/web/components/templates/article/VerticalArticleActions.tsx
+++ b/packages/web/components/templates/article/VerticalArticleActions.tsx
@@ -7,6 +7,7 @@ import {
   Trash,
   Tray,
   Notebook,
+  Tag,
 } from 'phosphor-react'
 import { ArticleAttributes } from '../../../lib/networking/queries/useGetArticleQuery'
 import { Button } from '../../elements/Button'
@@ -45,7 +46,7 @@ export function VerticalArticleActionsMenu(
             alignItems: 'center',
           }}
         >
-          <TagSimple size={24} color={theme.colors.thHighContrast.toString()} />
+          <Tag size={24} color={theme.colors.thHighContrast.toString()} />
         </Button>
 
         <Button
diff --git a/packages/web/pages/settings/rules.tsx b/packages/web/pages/settings/rules.tsx
index 788c459c3..9126461e8 100644
--- a/packages/web/pages/settings/rules.tsx
+++ b/packages/web/pages/settings/rules.tsx
@@ -123,8 +123,9 @@ const CreateActionModal = (props: CreateActionModalProps): JSX.Element => {
     }
   }
 
-  const [actionType, setActionType] =
-    useState<RuleActionType | undefined>(undefined)
+  const [actionType, setActionType] = useState<RuleActionType | undefined>(
+    undefined
+  )
 
   return (
     <Modal
@@ -191,8 +192,9 @@ export default function Rules(): JSX.Element {
   const { rules, revalidate } = useGetRulesQuery()
   const { labels } = useGetLabelsQuery()
   const [isCreateRuleModalOpen, setIsCreateRuleModalOpen] = useState(false)
-  const [createActionRule, setCreateActionRule] =
-    useState<Rule | undefined>(undefined)
+  const [createActionRule, setCreateActionRule] = useState<Rule | undefined>(
+    undefined
+  )
 
   const dataSource = useMemo(() => {
     return rules.map((rule: Rule) => {