amikhalev/sprinklers3
1
1
Fork 0
Code Issues 9 Pull Requests 1 Releases Wiki Activity

Fixed program table expansion with storing id's instead of program

Browse Source
This commit is contained in:
Alex Mikhalev 2018-08-16 14:36:20 -06:00
parent c1001ad787
commit f679af1a35
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/components/ProgramTable.tsx
View File

@ -82,11 +82,13 @@ class ProgramRows extends React.Component<{
} }
} }
type ProgramId = Program["id"];
@observer @observer
export default class ProgramTable extends React.Component<{ export default class ProgramTable extends React.Component<{
iDevice: ISprinklersDevice, device: SprinklersDevice, routerStore: RouterStore, iDevice: ISprinklersDevice, device: SprinklersDevice, routerStore: RouterStore,
}, { }, {
expandedPrograms: Program[], expandedPrograms: ProgramId[],
}> { }> {
constructor(p: any) { constructor(p: any) {
super(p); super(p);
@ -122,7 +124,7 @@ export default class ProgramTable extends React.Component<{
if (!program) { if (!program) {
return null; return null;
} }
const expanded = this.state.expandedPrograms.indexOf(program) !== -1; const expanded = this.state.expandedPrograms.indexOf(program.id) !== -1;
return ( return (
<ProgramRows <ProgramRows
program={program} program={program}
@ -138,11 +140,11 @@ export default class ProgramTable extends React.Component<{
private toggleExpanded = (program: Program) => { private toggleExpanded = (program: Program) => {
const { expandedPrograms } = this.state; const { expandedPrograms } = this.state;
const idx = expandedPrograms.indexOf(program); const idx = expandedPrograms.indexOf(program.id);
if (idx !== -1) { if (idx !== -1) {
expandedPrograms.splice(idx, 1); expandedPrograms.splice(idx, 1);
} else { } else {
expandedPrograms.push(program); expandedPrograms.push(program.id);
} }
this.setState({ this.setState({
expandedPrograms, expandedPrograms,