Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | 1x 15x | import { SimpleModal, useSimpleModal } from '@lib/components/SimpleModal';
import React, { createContext } from 'react';
interface SimpleModalRenderData {
text: string;
}
const SimpleModalContext = createContext<{
openSimpleModal: (nextRenderData: SimpleModalRenderData) => Promise<unknown>;
}>({
openSimpleModal: async () => {
// pass
}
});
export const useSimpleModalContext = () => React.useContext(SimpleModalContext);
export function SimpleModalProvider({ children }: { children: React.ReactNode }) {
const { props: simpleModalProps, openSimpleModalWithAwait: openSimpleModal } = useSimpleModal();
const value = React.useMemo(() => ({ openSimpleModal }), [openSimpleModal]);
return (
<SimpleModalContext.Provider value={value}>
{children}
{simpleModalProps.text && <SimpleModal {...simpleModalProps} text={simpleModalProps.text} />}
</SimpleModalContext.Provider>
);
}
|