Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16655 | Rev 16662 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
16655 stevensc 1
import React, { useState } from 'react'
2
import styles from './options.module.scss'
3
 
4
const Options = ({ options }) => {
5
  const [isShowOptions, setIsShowOptions] = useState(false)
6
 
7
  const toggleOptions = () => {
8
    setIsShowOptions(!isShowOptions)
9
  }
10
 
11
  return (
16660 stevensc 12
    <div className={styles.options}>
16655 stevensc 13
      <button className="btn">
14
        <i className="fa fa-ellipsis-v" onClick={toggleOptions} />
15
      </button>
16
      <div className={styles.dropdown_container}>
16660 stevensc 17
        <ul
18
          className={`${styles.options_dropdown} ${isShowOptions && 'active'}`}
19
        >
16655 stevensc 20
          {options.map((option, index) => (
21
            <li key={index}>
22
              <span onClick={option.action}>{option.label}</span>
23
            </li>
24
          ))}
25
        </ul>
26
      </div>
27
    </div>
28
  )
29
}
30
 
31
export default Options