fix(ui): fix invalid nesting of button in button

This commit is contained in:
psychedelicious 2024-01-04 23:58:09 +11:00 committed by Kent Keirsey
parent 2347a00a70
commit d6362ce0bd

View File

@ -136,17 +136,17 @@ const InvokeTabs = () => {
() => () =>
enabledTabs.map((tab) => ( enabledTabs.map((tab) => (
<InvTooltip key={tab.id} label={t(tab.translationKey)} placement="end"> <InvTooltip key={tab.id} label={t(tab.translationKey)} placement="end">
<InvTab p={0}> <InvTab
<InvIconButton as={InvIconButton}
onClick={handleClickTab} p={0}
icon={tab.icon} onClick={handleClickTab}
size="md" icon={tab.icon}
fontSize="24px" size="md"
variant="appTab" fontSize="24px"
data-selected={activeTabName === tab.id} variant="appTab"
aria-label={t(tab.translationKey)} data-selected={activeTabName === tab.id}
/> aria-label={t(tab.translationKey)}
</InvTab> />
</InvTooltip> </InvTooltip>
)), )),
[enabledTabs, t, handleClickTab, activeTabName] [enabledTabs, t, handleClickTab, activeTabName]