useDropdown hook, review requests

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

@@ -9,34 +9,20 @@ import {
 	View,
 } from "react-native";
 import DropDownPicker from "react-native-dropdown-picker";
-// @ts-ignore
 import { useVideoDetails } from "../../component/video/use-video-details";
-
 import { globalInputStyles } from "../../styles";
 import { recordStyles as styles } from "./styles";
 
 export default function VideoDetails({ navigation, route }): React.JSX.Element {
-	const { mode, videoId } = route.params;
+	const { mode } = route.params;
 	const {
 		sessionName,
 		setSessionName,
 		gameType,
-		setGameType,
 		tableSize,
-		setTableSize,
-		gameTypeOpen,
-		setGameTypeOpen,
-		tableSizeOpen,
-		setTableSizeOpen,
-		onGameTypeOpen,
-		onTableSizeOpen,
 		handleSubmit,
 		loading,
-		tableSizes,
-		gameTypes,
-		setGameTypes,
-		setTableSizes,
-	} = useVideoDetails({ mode, videoId, params: route.params, navigation });
+	} = useVideoDetails({ params: route.params, navigation });
 
 	const dropDownStyles = {
 		style: globalInputStyles.dropdownStyle,
@@ -61,26 +47,24 @@ export default function VideoDetails({ navigation, route }): React.JSX.Element {
 					<DropDownPicker
 						zIndex={3000}
 						zIndexInverse={1000}
-						open={gameTypeOpen}
-						value={gameType}
-						items={gameTypes}
-						setOpen={setGameTypeOpen}
-						setValue={setGameType}
-						setItems={setGameTypes}
-						onOpen={onGameTypeOpen}
+						open={gameType.isOpen}
+						value={gameType.value}
+						items={gameType.optionsList}
+						setOpen={gameType.toggleOpen}
+						setValue={gameType.setValue}
+						setItems={gameType.setOptionsList}
 						{...dropDownStyles}
 					/>
-					<Text style={globalInputStyles.dropdownTitle}>Table size</Text>
+					<Text style={globalInputStyles.dropdownTitle}>Table Size</Text>
 					<DropDownPicker
 						zIndex={2000}
 						zIndexInverse={2000}
-						open={tableSizeOpen}
-						value={tableSize}
-						items={tableSizes}
-						setOpen={setTableSizeOpen}
-						setValue={setTableSize}
-						setItems={setTableSizes}
-						onOpen={onTableSizeOpen}
+						open={tableSize.isOpen}
+						value={tableSize.value}
+						items={tableSize.optionsList}
+						setOpen={tableSize.toggleOpen}
+						setValue={tableSize.setValue}
+						setItems={tableSize.setOptionsList}
 						{...dropDownStyles}
 					/>
 				</View>