Proyectos de Subversion LeadersLinked - Backend

Rev

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

import React, { useState } from 'react'
import styles from './options.module.scss'

const Options = ({ options }) => {
  const [isShowOptions, setIsShowOptions] = useState(false)

  const toggleOptions = () => {
    setIsShowOptions(!isShowOptions)
  }

  return (
    <div className={styles.options}>
      <button className="btn">
        <i className="fa fa-ellipsis-v" onClick={toggleOptions} />
      </button>
      <div className={styles.dropdown_container}>
        <ul
          className={`${styles.options_dropdown}  ${
            isShowOptions ? ' d-flex' : ' d-none'
          }`}
        >
          {options.map((option, index) => (
            <li key={index}>
              <span onClick={option.action}>{option.label}</span>
            </li>
          ))}
        </ul>
      </div>
    </div>
  )
}

export default Options