Last change
on this file was bc20307, checked in by Tasevski2 <39170279+Tasevski2@…>, 3 years ago |
Push before video
|
-
Property mode
set to
100644
|
File size:
973 bytes
|
Line | |
---|
1 | import { Dropdown, DropdownItem } from './styles';
|
---|
2 |
|
---|
3 | const DropdownViewer = ({ data = [], width }) => {
|
---|
4 | return (
|
---|
5 | <Dropdown
|
---|
6 | value={data[0] ?? ''}
|
---|
7 | displayEmpty
|
---|
8 | renderValue={() => (
|
---|
9 | <DropdownItem>{data[0] ?? <em>NONE</em>}</DropdownItem>
|
---|
10 | )}
|
---|
11 | disabled={data.length < 2}
|
---|
12 | onClick={(e) => {
|
---|
13 | e.stopPropagation();
|
---|
14 | }}
|
---|
15 | MenuProps={{
|
---|
16 | sx: {
|
---|
17 | textAlign: 'center',
|
---|
18 | maxHeight: '250px',
|
---|
19 | },
|
---|
20 | }}
|
---|
21 | >
|
---|
22 | {data.slice(1).map((d, index) => (
|
---|
23 | <DropdownItem
|
---|
24 | key={index}
|
---|
25 | onClick={(e) => {
|
---|
26 | e.stopPropagation();
|
---|
27 | }}
|
---|
28 | >
|
---|
29 | {d}
|
---|
30 | </DropdownItem>
|
---|
31 | ))}
|
---|
32 | </Dropdown>
|
---|
33 | );
|
---|
34 | };
|
---|
35 |
|
---|
36 | export default DropdownViewer;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.