1
1
import { useTheme } from "@emotion/react" ;
2
2
import GroupIcon from "@mui/icons-material/Group" ;
3
- import Button from "@mui/material/Button" ;
4
3
import List from "@mui/material/List" ;
5
4
import ListItem from "@mui/material/ListItem" ;
6
5
import TableCell from "@mui/material/TableCell" ;
@@ -31,18 +30,14 @@ export function UserGroupsCell({ userGroups }: GroupsCellProps) {
31
30
) :(
32
31
< Popover mode = "hover" >
33
32
< PopoverTrigger >
34
- < Button
33
+ < button
35
34
css = { {
36
- justifyContent :"flex-start" ,
37
- fontSize :theme . typography . body2 . fontSize ,
38
- lineHeight :theme . typography . body2 . lineHeight ,
39
- fontWeight :400 ,
35
+ cursor :"pointer" ,
36
+ backgroundColor :"transparent" ,
40
37
border :"none" ,
41
38
padding :0 ,
42
- "&:hover" :{
43
- border :"none" ,
44
- backgroundColor :"transparent" ,
45
- } ,
39
+ color :"inherit" ,
40
+ lineHeight :"1" ,
46
41
} }
47
42
>
48
43
< Stack
@@ -62,7 +57,7 @@ export function UserGroupsCell({ userGroups }: GroupsCellProps) {
62
57
{ userGroups . length } Group{ userGroups . length !== 1 && "s" }
63
58
</ span >
64
59
</ Stack >
65
- </ Button >
60
+ </ button >
66
61
</ PopoverTrigger >
67
62
68
63
< PopoverContent