forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-04-20 13:36:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Created Dropdown test

Browse Source
This commit is contained in:
Alejandro Celaya
2020-12-25 10:39:54 +01:00
parent 6be3a1223f
commit e1298cfa81
2 changed files with 45 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/utils/Dropdown.tsx
View File

@@ -3,18 +3,19 @@ import { Dropdown as BsDropdown, DropdownMenu, DropdownToggle } from 'reactstrap
import { useToggle } from './helpers/hooks';
import './Dropdown.scss';
interface DropdownProps {
export interface DropdownProps {
text: string;
disabled?: boolean;
className?: string;
}
export const Dropdown: FC<DropdownProps> = ({ text, disabled = false, className, children }) => {
export const Dropdown: FC<DropdownProps> = ({ text, disabled = false, className = '', children }) => {
const [ isOpen, toggle ] = useToggle();
const toggleClasses = `dropdown__btn btn-block ${className}`;
return (
<BsDropdown isOpen={isOpen} toggle={toggle} disabled={disabled}>
<DropdownToggle caret className={`dropdown__btn btn-block ${className}`} color="primary">{text}</DropdownToggle>
<DropdownToggle caret className={toggleClasses} color="primary">{text}</DropdownToggle>
<DropdownMenu className="w-100">{children}</DropdownMenu>
</BsDropdown>
);