dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-22 19:16:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

typescript on frontend

Browse Source
This commit is contained in:
Jan Prochazka
2020-01-09 22:30:53 +01:00
parent 20a55fdd7c
commit c819aac098
17 changed files with 139 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/widgets/WidgetIconPanel.js
View File

@@ -11,7 +11,9 @@ const IconWrapper = styled.div`
display: flex;
align-items: center;
justify-content: center;
background-color: ${props => (props.isSelected ? theme.widgetMenu.backgroundSelected : 'inherit')};
background-color: ${props =>
// @ts-ignore
props.isSelected ? theme.widgetMenu.backgroundSelected : 'inherit'};
&:hover {
background-color: ${theme.widgetMenu.backgroundHover};
}
@@ -44,13 +46,18 @@ export default function WidgetIconPanel() {
const currentWidget = useCurrentWidget();
const setCurrentWidget = useSetCurrentWidget();
return widgets.map(({ icon, name }) => (
<IconWrapper
key={icon}
isSelected={name === currentWidget}
onClick={() => setCurrentWidget(name === currentWidget ? null : name)}
>
<FontIcon name={icon} />
</IconWrapper>
));
return (
<>
{widgets.map(({ icon, name }) => (
<IconWrapper
key={icon}
// @ts-ignore
isSelected={name === currentWidget}
onClick={() => setCurrentWidget(name === currentWidget ? null : name)}
>
<FontIcon name={icon} />
</IconWrapper>
))}
</>
);
}