shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-30 05:54:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(frontend): slideover initial work

Browse Source
This commit is contained in:
sct
2020-10-28 07:11:48 +00:00
parent ca43b2c6c5
commit 14b9cb610c
7 changed files with 401 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Common/ButtonWithDropdown/index.tsx
View File

@@ -34,19 +34,17 @@ const ButtonWithDropdown: React.FC<ButtonWithDropdownProps> = ({
...props
}) => {
const [isOpen, setIsOpen] = useState(false);
const buttonRef = useRef<HTMLSpanElement>(null);
const buttonRef = useRef<HTMLButtonElement>(null);
useClickOutside(buttonRef, () => setIsOpen(false));
return (
<span
className="relative z-0 inline-flex shadow-sm rounded-md"
ref={buttonRef}
>
<span className="relative z-0 inline-flex shadow-sm rounded-md">
<button
type="button"
className={`relative inline-flex items-center px-4 py-2 text-white bg-indigo-600 hover:bg-indigo-500 text-sm leading-5 font-medium hover:text-white focus:shadow-outline-indigo active:bg-indigo-700 focus:z-10 focus:outline-none focus:shadow-outline-blue transition ease-in-out duration-150 ${
children ? 'rounded-l-md' : 'rounded-md'
}`}
ref={buttonRef}
{...props}
>
{text}