Use Tag image

This commit is contained in:
Jackson Harper 2023-06-19 21:56:41 +08:00
parent 8da29d5a77
commit 3683447b6e
3 changed files with 12 additions and 11 deletions

View file

@ -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

View file

@ -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

View file

@ -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) => {