Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-23 21:29:37 +02:00
Code Issues Releases Wiki Activity

Support for keyboard navigation for Apps. Small refactor to pinApp action

Browse source
This commit is contained in:
unknown 2021-05-22 18:10:12 +02:00
parent 8813bf6181
commit 5c948e1a68
4 changed files with 43 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

11
client/src/components/Apps/Apps.tsx
View file

@ -1,4 +1,4 @@
import { useEffect, useState } from 'react';
import { Fragment, useEffect, useState } from 'react';
import { Link } from 'react-router-dom';
// Redux
@ -25,7 +25,6 @@ import AppTable from './AppTable/AppTable';
interface ComponentProps {
getApps: Function;
pinApp: (id: number, isPinned: boolean) => void;
addApp: (formData: NewApp) => void;
apps: App[];
loading: boolean;
@ -92,6 +91,12 @@ const Apps = (props: ComponentProps): JSX.Element => {
icon='mdiPencil'
handler={toggleEdit}
/>
{isInEdit && <Fragment>
<ActionButton
name='Pin All'
icon='mdiPin'
/>
</Fragment>}
</div>
<div className={classes.Apps}>
@ -115,4 +120,4 @@ const mapStateToProps = (state: GlobalState) => {
}
}
export default connect(mapStateToProps, { getApps, pinApp, addApp })(Apps);
export default connect(mapStateToProps, { getApps, addApp })(Apps);