This commit is contained in:
focp212@naver.com
2025-10-30 13:21:31 +09:00
parent 1d9af3dafa
commit e994dc7ec3
29 changed files with 4 additions and 1563 deletions

View File

@@ -1,22 +0,0 @@
import { useRef, useState } from 'react';
import { useClickAway } from 'react-use';
interface MoreMenuProps {
children: React.ReactNode;
}
export const MoreMenu = ({ children }: MoreMenuProps) => {
const [isOnMoreMenu, setIsOnMoreMenu] = useState(false);
const ref = useRef(null);
useClickAway(ref, () => {
setIsOnMoreMenu(false);
});
return (
<div ref={ref}>
<button type="button" className="btn top-more-btn" onClick={() => setIsOnMoreMenu((prev) => !prev)}>
<span> </span>
</button>
{isOnMoreMenu && <div className="more-menu on">{children}</div>}
</div>
);
};