mendersoftware / gui / 1216330799

coverage: 83.613% (-16.4%) from 99.964%

Source File
Press 'n' to go to next uncovered line, 'b' for previous

83.33
/src/js/components/devices/widgets/listoptions.js
1 
// Copyright 2022 Northern.tech AS
2 
//
3 
//    Licensed under the Apache License, Version 2.0 (the "License");
4 
//    you may not use this file except in compliance with the License.
5 
//    You may obtain a copy of the License at
6 
//
7 
//        http://www.apache.org/licenses/LICENSE-2.0
8 
//
9 
//    Unless required by applicable law or agreed to in writing, software
10 
//    distributed under the License is distributed on an "AS IS" BASIS,
11 
//    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 
//    See the License for the specific language governing permissions and
13 
//    limitations under the License.
14 
import React, { useState } from 'react';
15 









16



import { ArrowDropDown as ArrowDropDownIcon, ArrowDropUp as ArrowDropUpIcon } from '@mui/icons-material';










17



// material ui










18



import { Button, Menu, MenuItem } from '@mui/material';










19












20



const ListOptions = ({ options, title = 'Table options' }) => {





11!





21



  const [anchorEl, setAnchorEl] = useState(null);




22✔





22












23



  return (




22✔





24



    <>










25



      <Button style={{ textTransform: 'none' }} onClick={e => setAnchorEl(e.currentTarget)} endIcon={anchorEl ? <ArrowDropUpIcon /> : <ArrowDropDownIcon />}>





1✔





26



        {title}










27



      </Button>










28



      <Menu anchorEl={anchorEl} onClose={() => setAnchorEl(null)} open={Boolean(anchorEl)}>




×







29



        {options.map(({ key, title, onClick }) => (










30



          <MenuItem key={key} onClick={onClick} value={key}>




22✔





31



            {title}










32



          </MenuItem>










33



        ))}










34



      </Menu>










35



    </>










36



  );










37



};










38












39



export default ListOptions;
























    

  • 

    •