FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-16 22:46:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(web/context): optional context menu title property

Browse Source 
Closes #428
This commit is contained in:
Luke
2023-10-28 18:51:09 +02:00
parent 1c5f4d6ac8
commit 4d14bb0124
1 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
web/src/features/menu/context/components/ContextButton.tsx
View File

@@ -105,25 +105,27 @@ const ContextButton: React.FC<{
>
<Group position="apart" w="100%" noWrap>
<Stack className={classes.buttonStack}>
<Group className={classes.buttonGroup}>
{button?.icon && (
<Stack className={classes.buttonIconContainer}>
{typeof button.icon === 'string' && isIconUrl(button.icon) ? (
<img src={button.icon} className={classes.iconImage} alt="Missing img" />
) : (
<FontAwesomeIcon
icon={button.icon as IconProp}
fixedWidth
size="lg"
style={{ color: button.iconColor }}
/>
)}
</Stack>
)}
<Text className={classes.buttonTitleText}>
<ReactMarkdown components={MarkdownComponents}>{button.title || buttonKey}</ReactMarkdown>
</Text>
</Group>
{(button.title || Number.isNaN(+buttonKey)) && (
<Group className={classes.buttonGroup}>
{button?.icon && (
<Stack className={classes.buttonIconContainer}>
{typeof button.icon === 'string' && isIconUrl(button.icon) ? (
<img src={button.icon} className={classes.iconImage} alt="Missing img" />
) : (
<FontAwesomeIcon
icon={button.icon as IconProp}
fixedWidth
size="lg"
style={{ color: button.iconColor }}
/>
)}
</Stack>
)}
<Text className={classes.buttonTitleText}>
<ReactMarkdown components={MarkdownComponents}>{button.title || buttonKey}</ReactMarkdown>
</Text>
</Group>
)}
{button.description && (
<Text className={classes.description}>
<ReactMarkdown components={MarkdownComponents}>{button.description}</ReactMarkdown>