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) => (
<InvTooltip key={tab.id} label={t(tab.translationKey)} placement="end">
<InvTab p={0}>
<InvIconButton
onClick={handleClickTab}
icon={tab.icon}
size="md"
fontSize="24px"
variant="appTab"
data-selected={activeTabName === tab.id}
aria-label={t(tab.translationKey)}
/>
</InvTab>
<InvTab
as={InvIconButton}
p={0}
onClick={handleClickTab}
icon={tab.icon}
size="md"
fontSize="24px"
variant="appTab"
data-selected={activeTabName === tab.id}
aria-label={t(tab.translationKey)}
/>
</InvTooltip>
)),
[enabledTabs, t, handleClickTab, activeTabName]