Improve dialog logic, add "asDialog" helper

This commit is contained in:
DaneEveritt 2022-07-03 13:29:23 -04:00
parent 822949408f
commit a4feed24a8
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
10 changed files with 131 additions and 77 deletions

View file

@ -1,16 +1,7 @@
import React, { useContext, useEffect } from 'react';
import { CheckIcon, ExclamationIcon, InformationCircleIcon, ShieldExclamationIcon } from '@heroicons/react/outline';
import classNames from 'classnames';
import DialogContext from '@/components/elements/dialog/context';
import styles from './style.module.css';
export type IconPosition = 'title' | 'container' | undefined;
interface Props {
type: 'danger' | 'info' | 'success' | 'warning';
position?: IconPosition;
className?: string;
}
import { DialogContext, DialogIconProps, styles } from './';
const icons = {
danger: ShieldExclamationIcon,
@ -19,7 +10,7 @@ const icons = {
info: InformationCircleIcon,
};
export default ({ type, position, className }: Props) => {
export default ({ type, position, className }: DialogIconProps) => {
const { setIcon, setIconPosition } = useContext(DialogContext);
useEffect(() => {