rename isOpen to isDropdownOpen

src/component/video/use-video-details.tsx

@@ -32,25 +32,25 @@ function useDropdown<T>(
 	options: Array<{ label: string; value: T }>,
 	closeOthers: () => void,
 ) {
-	const [isOpen, setIsOpen] = useState(false);
+	const [isDropdownOpen, setIsDropdownOpen] = useState(false);
 	const [value, setValue] = useState<T | null>(initialValue);
 	const [optionsList, setOptionsList] = useState(options);
 
 	const toggleOpen = useCallback(() => {
-		if (!isOpen) {
+		if (!isDropdownOpen) {
 			closeOthers();
 		}
-		setIsOpen(!isOpen);
+		setIsDropdownOpen(!isDropdownOpen);
-	}, [isOpen, closeOthers]);
+	}, [isDropdownOpen, closeOthers]);
 
 	return {
-		isOpen,
+		isDropdownOpen,
 		toggleOpen,
 		value,
 		setValue,
 		optionsList,
 		setOptionsList,
-		setIsOpen,
+		setIsDropdownOpen,
 	};
 }
 
@@ -76,8 +76,8 @@ export const useVideoDetails = ({
 	);
 
 	const closeAllDropdowns = useCallback(() => {
-		gameType.setIsOpen(false);
+		gameType.setIsDropdownOpen(false);
-		tableSize.setIsOpen(false);
+		tableSize.setIsDropdownOpen(false);
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, []);
 

src/screens/video-stack/video-details.tsx

@@ -47,7 +47,7 @@ export default function VideoDetails({ navigation, route }): React.JSX.Element {
 					<DropDownPicker
 						zIndex={3000}
 						zIndexInverse={1000}
-						open={gameType.isOpen}
+						open={gameType.isDropdownOpen}
 						value={gameType.value}
 						items={gameType.optionsList}
 						setOpen={gameType.toggleOpen}
@@ -59,7 +59,7 @@ export default function VideoDetails({ navigation, route }): React.JSX.Element {
 					<DropDownPicker
 						zIndex={2000}
 						zIndexInverse={2000}
-						open={tableSize.isOpen}
+						open={tableSize.isDropdownOpen}
 						value={tableSize.value}
 						items={tableSize.optionsList}
 						setOpen={tableSize.toggleOpen}