frontend: fix warning about DOM attributes

This commit is contained in:
Paul Bienkowski 2021-09-12 11:12:52 +02:00
parent 14039f30f3
commit 35fc7193b7

View file

@ -33,6 +33,9 @@ const {version} = packageJson
function MenuItemForLink({navigate, ...props}) { function MenuItemForLink({navigate, ...props}) {
return <Menu.Item {...props} /> return <Menu.Item {...props} />
} }
function DropdownItemForLink({navigate, ...props}) {
return <Dropdown.Item {...props} />
}
const App = connect((state) => ({login: state.login}))(function App({login}) { const App = connect((state) => ({login: state.login}))(function App({login}) {
const apiVersion = useObservable(() => from(api.get('/info')).pipe(pluck('version'))) const apiVersion = useObservable(() => from(api.get('/info')).pipe(pluck('version')))
@ -53,10 +56,10 @@ const App = connect((state) => ({login: state.login}))(function App({login}) {
{login ? ( {login ? (
<Dropdown item trigger={<Avatar user={login} className={styles.avatar} />}> <Dropdown item trigger={<Avatar user={login} className={styles.avatar} />}>
<Dropdown.Menu> <Dropdown.Menu>
<Link to="/upload" component={Dropdown.Item} icon="cloud upload" text="Upload tracks" /> <Link to="/upload" component={DropdownItemForLink} icon="cloud upload" text="Upload tracks" />
<Link to="/settings" component={Dropdown.Item} icon="cog" text="Settings" /> <Link to="/settings" component={DropdownItemForLink} icon="cog" text="Settings" />
<Dropdown.Divider /> <Dropdown.Divider />
<Link to="/logout" component={Dropdown.Item} icon="sign-out" text="Logout" /> <Link to="/logout" component={DropdownItemForLink} icon="sign-out" text="Logout" />
</Dropdown.Menu> </Dropdown.Menu>
</Dropdown> </Dropdown>
) : ( ) : (