mirror of
https://github.com/billsonnn/nitro-react.git
synced 2024-10-23 19:33:04 +02:00
45 lines
1.0 KiB
TypeScript
45 lines
1.0 KiB
TypeScript
|
import { useCallback, useMemo, useState } from 'react';
|
||
|
|
||
|
export const useSharedVisibility = () =>
|
||
|
{
|
||
|
const [ activeIds, setActiveIds ] = useState<number[]>([]);
|
||
|
|
||
|
const isVisible = useMemo(() => !!activeIds.length, [ activeIds ]);
|
||
|
|
||
|
const activate = useCallback(() =>
|
||
|
{
|
||
|
let id = -1;
|
||
|
|
||
|
setActiveIds(prevValue =>
|
||
|
{
|
||
|
const newValue = [ ...prevValue ];
|
||
|
|
||
|
id = newValue.length ? (newValue[(newValue.length - 1)] + 1) : 0;
|
||
|
|
||
|
newValue.push(id);
|
||
|
|
||
|
return newValue;
|
||
|
});
|
||
|
|
||
|
return id;
|
||
|
}, []);
|
||
|
|
||
|
const deactivate = useCallback((id: number) =>
|
||
|
{
|
||
|
setActiveIds(prevValue =>
|
||
|
{
|
||
|
const newValue = [ ...prevValue ];
|
||
|
|
||
|
const index = newValue.indexOf(id);
|
||
|
|
||
|
if(index === -1) return prevValue;
|
||
|
|
||
|
newValue.splice(index, 1);
|
||
|
|
||
|
return newValue;
|
||
|
});
|
||
|
}, []);
|
||
|
|
||
|
return { isVisible, activate, deactivate };
|
||
|
}
|