chore: migrate AttachmentView to hooks (#5003)

* migrate AttachmentView to hooks

* fix types

* fix types

* fix lint

Author: dnlsilva

app/lib/hooks/navigation.ts

@@ -0,0 +1,43 @@
+import { RouteProp, useNavigation, useRoute } from '@react-navigation/native';
+import { StackNavigationProp } from '@react-navigation/stack';
+
+import { TNavigation } from '../../stacks/stackType';
+import {
+	AdminPanelStackParamList,
+	ChatsStackParamList,
+	DisplayPrefStackParamList,
+	DrawerParamList,
+	E2EEnterYourPasswordStackParamList,
+	E2ESaveYourPasswordStackParamList,
+	InsideStackParamList,
+	NewMessageStackParamList,
+	OutsideModalParamList,
+	OutsideParamList,
+	ProfileStackParamList,
+	SettingsStackParamList
+} from '../../stacks/types';
+
+type TRoutes =
+	| ChatsStackParamList
+	| ProfileStackParamList
+	| SettingsStackParamList
+	| AdminPanelStackParamList
+	| DisplayPrefStackParamList
+	| DrawerParamList
+	| NewMessageStackParamList
+	| E2ESaveYourPasswordStackParamList
+	| E2EEnterYourPasswordStackParamList
+	| InsideStackParamList
+	| OutsideParamList
+	| OutsideModalParamList
+	| TNavigation;
+
+export function useAppNavigation<ParamList extends TRoutes, RouteName extends keyof ParamList = keyof ParamList>() {
+	const navigation = useNavigation<StackNavigationProp<ParamList, RouteName>>();
+	return navigation;
+}
+
+export function useAppRoute<ParamList extends TRoutes, RouteName extends keyof ParamList = keyof ParamList>() {
+	const route = useRoute<RouteProp<ParamList, RouteName>>();
+	return route;
+}

app/stacks/InsideStack.tsx

@@ -82,6 +82,7 @@ import {
 	SettingsStackParamList
 } from './types';
 import { isIOS } from '../lib/methods/helpers';
+import { TNavigation } from './stackType';
 
 // ChatsStackNavigator
 const ChatsStack = createStackNavigator<ChatsStackParamList>();
@@ -306,7 +307,7 @@ const E2EEnterYourPasswordStackNavigator = () => {
 };
 
 // InsideStackNavigator
-const InsideStack = createStackNavigator<InsideStackParamList>();
+const InsideStack = createStackNavigator<InsideStackParamList & TNavigation>();
 const InsideStackNavigator = () => {
 	const { theme } = React.useContext(ThemeContext);
 

app/stacks/MasterDetailStack/index.tsx

@@ -73,6 +73,7 @@ import {
 	ModalStackParamList
 } from './types';
 import { isIOS } from '../../lib/methods/helpers';
+import { TNavigation } from '../stackType';
 
 // ChatsStackNavigator
 const ChatsStack = createStackNavigator<MasterDetailChatsStackParamList>();
@@ -206,7 +207,7 @@ const ModalStackNavigator = React.memo(({ navigation }: INavigation) => {
 });
 
 // InsideStackNavigator
-const InsideStack = createStackNavigator<MasterDetailInsideStackParamList>();
+const InsideStack = createStackNavigator<MasterDetailInsideStackParamList & TNavigation>();
 const InsideStackNavigator = React.memo(() => {
 	const { theme } = React.useContext(ThemeContext);
 	return (

app/stacks/MasterDetailStack/types.ts

@@ -207,9 +207,6 @@ export type ModalStackParamList = {
 export type MasterDetailInsideStackParamList = {
 	DrawerNavigator: NavigatorScreenParams<Partial<MasterDetailDrawerParamList>>; // TODO: Change
 	ModalStackNavigator: NavigatorScreenParams<ModalStackParamList>;
-	AttachmentView: {
-		attachment: IAttachment;
-	};
 	ModalBlockView: {
 		data: any; // TODO: Change
 	};

app/stacks/stackType.ts

@@ -0,0 +1,20 @@
+import { IAttachment } from '../definitions';
+import { IOptionsField } from '../views/NotificationPreferencesView/options';
+
+export type TNavigation = {
+	PickerView: {
+		title: string;
+		data: IOptionsField[];
+		value?: string;
+		onSearch: (text?: string, offset?: number) => Promise<any>;
+		onEndReached?: (text?: string, offset?: number) => Promise<any>;
+		total?: number;
+		onChangeValue: Function;
+	};
+	ForwardLivechatView: {
+		rid: string;
+	};
+	AttachmentView: {
+		attachment: IAttachment;
+	};
+};

app/stacks/types.ts

@@ -288,9 +288,6 @@ export type InsideStackParamList = {
 	NewMessageStackNavigator: NavigatorScreenParams<NewMessageStackParamList>;
 	E2ESaveYourPasswordStackNavigator: NavigatorScreenParams<E2ESaveYourPasswordStackParamList>;
 	E2EEnterYourPasswordStackNavigator: NavigatorScreenParams<E2EEnterYourPasswordStackParamList>;
-	AttachmentView: {
-		attachment: IAttachment;
-	};
 	StatusView: undefined;
 	ShareView: {
 		attachments: IAttachment[];