aboutsummaryrefslogtreecommitdiffstats
path: root/src/utils/hooks/use-add-classname.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/utils/hooks/use-add-classname.tsx')
-rw-r--r--src/utils/hooks/use-add-classname.tsx32
1 files changed, 0 insertions, 32 deletions
diff --git a/src/utils/hooks/use-add-classname.tsx b/src/utils/hooks/use-add-classname.tsx
deleted file mode 100644
index 8b0f6d6..0000000
--- a/src/utils/hooks/use-add-classname.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { useCallback, useEffect } from 'react';
-
-export type UseAddClassNameProps = {
- className: string;
- element?: HTMLElement;
- elements?: NodeListOf<HTMLElement> | HTMLElement[];
-};
-
-/**
- * Add className to the given element(s).
- *
- * @param {UseAddClassNameProps} props - An object with classnames and one or more elements.
- */
-export const useAddClassName = ({
- className,
- element,
- elements,
-}: UseAddClassNameProps) => {
- const classNames = className.split(' ').filter((string) => string !== '');
-
- const setClassName = useCallback(
- (el: HTMLElement) => {
- el.classList.add(...classNames);
- },
- [classNames]
- );
-
- useEffect(() => {
- if (element) setClassName(element);
- if (elements && elements.length > 0) elements.forEach(setClassName);
- }, [element, elements, setClassName]);
-};