prettier fix
This commit is contained in:
@@ -1,29 +1,29 @@
|
||||
import { RefObject, useEffect, useState } from "react"
|
||||
import { RefObject, useEffect, useState } from 'react';
|
||||
|
||||
export const useIntersection = (
|
||||
element: RefObject<HTMLDivElement | null>,
|
||||
rootMargin: string
|
||||
rootMargin: string,
|
||||
) => {
|
||||
const [isVisible, setState] = useState(false)
|
||||
const [isVisible, setState] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
if (!element.current) {
|
||||
return
|
||||
return;
|
||||
}
|
||||
|
||||
const el = element.current
|
||||
const el = element.current;
|
||||
|
||||
const observer = new IntersectionObserver(
|
||||
([entry]) => {
|
||||
setState(entry.isIntersecting)
|
||||
setState(entry.isIntersecting);
|
||||
},
|
||||
{ rootMargin }
|
||||
)
|
||||
{ rootMargin },
|
||||
);
|
||||
|
||||
observer.observe(el)
|
||||
observer.observe(el);
|
||||
|
||||
return () => observer.unobserve(el)
|
||||
}, [element, rootMargin])
|
||||
return () => observer.unobserve(el);
|
||||
}, [element, rootMargin]);
|
||||
|
||||
return isVisible
|
||||
}
|
||||
return isVisible;
|
||||
};
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
import { useState } from "react"
|
||||
import { useState } from 'react';
|
||||
|
||||
export type StateType = [boolean, () => void, () => void, () => void] & {
|
||||
state: boolean
|
||||
open: () => void
|
||||
close: () => void
|
||||
toggle: () => void
|
||||
}
|
||||
state: boolean;
|
||||
open: () => void;
|
||||
close: () => void;
|
||||
toggle: () => void;
|
||||
};
|
||||
|
||||
/**
|
||||
*
|
||||
@@ -21,26 +21,26 @@ export type StateType = [boolean, () => void, () => void, () => void] & {
|
||||
*/
|
||||
|
||||
const useToggleState = (initialState = false) => {
|
||||
const [state, setState] = useState<boolean>(initialState)
|
||||
const [state, setState] = useState<boolean>(initialState);
|
||||
|
||||
const close = () => {
|
||||
setState(false)
|
||||
}
|
||||
setState(false);
|
||||
};
|
||||
|
||||
const open = () => {
|
||||
setState(true)
|
||||
}
|
||||
setState(true);
|
||||
};
|
||||
|
||||
const toggle = () => {
|
||||
setState((state) => !state)
|
||||
}
|
||||
setState((state) => !state);
|
||||
};
|
||||
|
||||
const hookData = [state, open, close, toggle] as StateType
|
||||
hookData.state = state
|
||||
hookData.open = open
|
||||
hookData.close = close
|
||||
hookData.toggle = toggle
|
||||
return hookData
|
||||
}
|
||||
const hookData = [state, open, close, toggle] as StateType;
|
||||
hookData.state = state;
|
||||
hookData.open = open;
|
||||
hookData.close = close;
|
||||
hookData.toggle = toggle;
|
||||
return hookData;
|
||||
};
|
||||
|
||||
export default useToggleState
|
||||
export default useToggleState;
|
||||
|
||||
Reference in New Issue
Block a user