Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1536 | Rev 1541 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1536 Rev 1538
Línea 1... Línea 1...
1
import React, { useState } from 'react'
1
import React, { useState } from 'react'
-
 
2
import {
-
 
3
  List,
-
 
4
  ListItem,
-
 
5
  ListItemButton,
-
 
6
  ListItemText,
-
 
7
  Typography
2
import { List, ListItem, ListItemButton, Typography } from '@mui/material'
8
} from '@mui/material'
Línea 3... Línea 9...
3
 
9
 
Línea 4... Línea 10...
4
import WidgetWrapper from 'components/widgets/WidgetLayout'
10
import WidgetWrapper from 'components/widgets/WidgetLayout'
5
 
11
 
Línea 12... Línea 18...
12
  }
18
  }
Línea 13... Línea 19...
13
 
19
 
14
  return (
20
  return (
15
    <WidgetWrapper p={1}>
21
    <WidgetWrapper p={1}>
-
 
22
      <Typography variant='h2'>{title}</Typography>
16
      <Typography variant='h2'>{title}</Typography>
23
 
17
      <List>
24
      <List sx={{ mt: 1 }}>
18
        {items.map(({ value, name }, index) => (
25
        {items.map(({ value, name }, index) => (
19
          <ListItem
26
          <ListItem
20
            key={value}
27
            key={value}
21
            sx={{ fontWeight: currentIndex === index ? 'bold' : 'normal' }}
28
            sx={{ fontWeight: currentIndex === index ? 'bold' : 'normal' }}
22
          >
29
          >
23
            <ListItemButton onClick={() => handleChange(index, value)}>
30
            <ListItemButton onClick={() => handleChange(index, value)}>
24
              {name}
31
              <ListItemText id={value} primary={name} />
25
            </ListItemButton>
32
            </ListItemButton>
26
          </ListItem>
33
          </ListItem>
27
        ))}
34
        ))}
28
      </List>
35
      </List>