forked from minimal-ui-kit/material-kit-react
-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.js
57 lines (47 loc) · 1.92 KB
/
demo.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<Grid item xs={2} md={2}>
<Button variant="contained" color="primary" onClick={()=>setOpen(true)}>
New Neighbourhoods
</Button><br/><br/>
{/* get list of neightbourhoods */}
{docs.map((item, index) => (
<Accordion
key={item.id}
expanded={controlled === item.id}
onChange={handleChangeControlled(item)}
>
<AccordionSummary >
<Button variant="contained" style={{width:"100%"}} color={item && neighbourhood && item.id === neighbourhood.id ? "primary" : "inherit"} >
{item.neighbourhood}
</Button>
</AccordionSummary>
{/* get list of precinct based on neighbourhood id */}
{precinctList && precinctList.length === 0 ? <Typography variant='body1'>Collecting data</Typography> : precinctList.map((precinct_, index)=>(
<Accordion
key={precinct_.id}
expanded={precinctcontrolled === precinct_.id}
onChange={handlePrecinctChangeControlled(precinct_)}
>
<AccordionSummary >
<Button variant="contained" style={{width:"100%", marginLeft:20}} color={precinct && precinct_.id === precinct.id ? "secondary" : "inherit"} >
{precinct_.precint}
</Button>
</AccordionSummary>
{/* get list of blicks based on Precinct id */}
{blockList && blockList.length === 0 ? <Typography variant='body1'>Collecting Data</Typography> : blockList.map((block_, index)=>(
<Accordion
key={block_.id}
expanded={blockcontrolled === block_.id}
onChange={handleBlockChangeControlled(block_)}
>
<AccordionSummary >
<Button variant="contained" style={{width:"100%", marginLeft:40}} color={blockId && block_.id === blockId.id ? "warning" : "inherit"} >
{block_.block}
</Button>
</AccordionSummary>
</Accordion>
))}
</Accordion>
))}
</Accordion>
))}
</Grid>