alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-26 07:38:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

beter add button

Browse Source
This commit is contained in:
Alex Mickelson
2025-11-18 13:57:37 -07:00
parent 53c8422a5b
commit 17bd460407
3 changed files with 39 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Modal.tsx
View File

@@ -25,22 +25,28 @@ export function useModal() {
export default function Modal({
children,
buttonText,
buttonText = "",
buttonClass = "",
modalWidth = "w-1/3",
modalControl,
buttonComponent,
}: {
children: (props: { closeModal: () => void }) => ReactNode;
buttonText: string;
buttonText?: string;
buttonClass?: string;
modalWidth?: string;
modalControl: ModalControl;
buttonComponent?: (props: { openModal: () => void }) => ReactNode;
}) {
return (
<>
<button onClick={modalControl.openModal} className={buttonClass}>
{buttonText}
</button>
{buttonComponent ? (
buttonComponent({ openModal: modalControl.openModal })
) : (
<button onClick={modalControl.openModal} className={buttonClass}>
{buttonText}
</button>
)}
<div
className={