New source found from dndbeyond.com
This commit is contained in:
@@ -1,33 +1,34 @@
|
||||
import { HTMLAttributes, useState } from "react";
|
||||
import styles from '../../styles/errors.module.css';
|
||||
import { HTMLAttributes, JSX, useState } from "react";
|
||||
|
||||
import styles from "../../styles/errors.module.css";
|
||||
|
||||
export interface ErrorHandlerOptions {
|
||||
initialState: boolean;
|
||||
errMsg: string;
|
||||
errorMessageAttributes?: HTMLAttributes<HTMLDivElement>;
|
||||
};
|
||||
initialState: boolean;
|
||||
errMsg: string;
|
||||
errorMessageAttributes?: HTMLAttributes<HTMLDivElement>;
|
||||
}
|
||||
|
||||
export interface ErrorHandler {
|
||||
showError: boolean;
|
||||
setShowError: (value: boolean) => void;
|
||||
ErrorMessage: () => JSX.Element;
|
||||
};
|
||||
showError: boolean;
|
||||
setShowError: (value: boolean) => void;
|
||||
ErrorMessage: () => JSX.Element;
|
||||
}
|
||||
|
||||
export const useErrorHandling = (
|
||||
initialState: boolean,
|
||||
errMsg: string,
|
||||
errorMessageAttributes: HTMLAttributes<HTMLDivElement> | null = null
|
||||
initialState: boolean,
|
||||
errMsg: string,
|
||||
errorMessageAttributes: HTMLAttributes<HTMLDivElement> | null = null
|
||||
): ErrorHandler => {
|
||||
const [showError, setShowError] = useState(initialState);
|
||||
const ErrorMessage = (): JSX.Element => (
|
||||
<div className={styles.inputError} {...errorMessageAttributes}>
|
||||
{errMsg}
|
||||
</div>
|
||||
);
|
||||
const [showError, setShowError] = useState(initialState);
|
||||
const ErrorMessage = (): JSX.Element => (
|
||||
<div className={styles.inputError} {...errorMessageAttributes}>
|
||||
{errMsg}
|
||||
</div>
|
||||
);
|
||||
|
||||
return {
|
||||
showError,
|
||||
setShowError,
|
||||
ErrorMessage,
|
||||
};
|
||||
return {
|
||||
showError,
|
||||
setShowError,
|
||||
ErrorMessage,
|
||||
};
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user