chore: Remove layout animation (#6564)

Author: diegolmello

app/lib/methods/helpers/index.ts

@@ -5,7 +5,6 @@ export * from './deviceInfo';
 export * from './formatAttachmentUrl';
 export * from './generateLoadMoreId';
 export * from './getAvatarUrl';
-export * from './layoutAnimation';
 export * from './info';
 export * from './isReadOnly';
 export * from './media';

app/lib/methods/helpers/layoutAnimation.ts

@@ -14,7 +14,6 @@ import * as HeaderButton from '../../containers/Header/components/HeaderButton';
 import { useTheme } from '../../theme';
 import SafeAreaView from '../../containers/SafeAreaView';
 import { sendLoadingEvent } from '../../containers/Loading';
-import { animateNextTransition } from '../../lib/methods/helpers/layoutAnimation';
 import { showErrorAlert } from '../../lib/methods/helpers/info';
 import { ChatsStackParamList } from '../../stacks/types';
 import { TSubscriptionModel, SubscriptionType } from '../../definitions';
@@ -123,7 +122,6 @@ const AddExistingChannelView = () => {
 	const isChecked = (rid: string) => selected.includes(rid);
 
 	const toggleChannel = (rid: string) => {
-		animateNextTransition();
 		if (!isChecked(rid)) {
 			logEvent(events.AEC_ADD_CHANNEL);
 			setSelected([...selected, rid]);

app/views/AddExistingChannelView/index.tsx

@@ -6,7 +6,7 @@ import { TAnyMessageModel } from '../../../../definitions';
 import database from '../../../../lib/database';
 import { getMessageById } from '../../../../lib/database/services/Message';
 import { getThreadById } from '../../../../lib/database/services/Thread';
-import { animateNextTransition, compareServerVersion, isIOS, useDebounce } from '../../../../lib/methods/helpers';
+import { compareServerVersion, useDebounce } from '../../../../lib/methods/helpers';
 import { Services } from '../../../../lib/services';
 import { QUERY_SIZE } from '../constants';
 
@@ -81,9 +81,6 @@ export const useMessages = ({
 			}
 
 			readThread();
-			if (isIOS) {
-				animateNextTransition();
-			}
 			setMessages(newMessages);
 			messagesIds.current = newMessages.map(m => m.id);
 		});

app/views/RoomView/List/hooks/useMessages.ts

@@ -12,7 +12,6 @@ import * as HeaderButton from '../containers/Header/components/HeaderButton';
 import { themes } from '../lib/constants';
 import { TSupportedThemes, withTheme } from '../theme';
 import SafeAreaView from '../containers/SafeAreaView';
-import { animateNextTransition } from '../lib/methods/helpers/layoutAnimation';
 import { ICON_SIZE } from '../containers/List/constants';
 import SearchBox from '../containers/SearchBox';
 import Radio from '../containers/Radio';
@@ -126,7 +125,6 @@ class SelectListView extends React.Component<ISelectListViewProps, ISelectListVi
 	toggleItem = (rid: string) => {
 		const { selected } = this.state;
 
-		animateNextTransition();
 		if (this.isRadio) {
 			if (!this.isChecked(rid)) {
 				this.setState({ selected: [rid] }, () => this.setHeader());

app/views/SelectListView.tsx

@@ -17,7 +17,6 @@ import ActivityIndicator from '../../containers/ActivityIndicator';
 import * as List from '../../containers/List';
 import SearchHeader from '../../containers/SearchHeader';
 import { themes } from '../../lib/constants';
-import { animateNextTransition } from '../../lib/methods/helpers/layoutAnimation';
 import { TSupportedThemes, withTheme } from '../../theme';
 import SafeAreaView from '../../containers/SafeAreaView';
 import { sanitizeLikeString } from '../../lib/database/utils';
@@ -218,15 +217,6 @@ class ShareListView extends React.Component<IShareListViewProps, IState> {
 		});
 	};
 
-	internalSetState = (...args: object[]) => {
-		const { navigation } = this.props;
-		if (navigation.isFocused()) {
-			animateNextTransition();
-		}
-		// @ts-ignore
-		this.setState(...args);
-	};
-
 	query = async (text?: string) => {
 		const db = database.active;
 		const defaultWhereClause = [
@@ -275,19 +265,19 @@ class ShareListView extends React.Component<IShareListViewProps, IState> {
 		}
 
 		if (server) {
-			const chats = await this.query();
+			const chats = (await this.query()) as TSubscriptionModel[];
 			const serversDB = database.servers;
 			const serversCollection = serversDB.get('servers');
 			const serversCount = await serversCollection.query(Q.where('rooms_updated_at', Q.notEq(null))).fetchCount();
-			let serverInfo = {};
+			let serverInfo = {} as TServerModel;
 			try {
 				serverInfo = await serversCollection.find(server);
 			} catch (error) {
 				// Do nothing
 			}
 
 			if (this.airGappedReadOnly) {
-				this.internalSetState({
+				this.setState({
 					chats: [],
 					serversCount,
 					loading: false,
@@ -297,7 +287,7 @@ class ShareListView extends React.Component<IShareListViewProps, IState> {
 				return;
 			}
 
-			this.internalSetState({
+			this.setState({
 				chats: chats ?? [],
 				serversCount,
 				loading: false,
@@ -328,8 +318,8 @@ class ShareListView extends React.Component<IShareListViewProps, IState> {
 	};
 
 	search = async (text: string) => {
-		const result = await this.query(text);
-		this.internalSetState({
+		const result = (await this.query(text)) as TSubscriptionModel[];
+		this.setState({
 			searchResults: result,
 			searchText: text
 		});
@@ -341,7 +331,7 @@ class ShareListView extends React.Component<IShareListViewProps, IState> {
 	};
 
 	cancelSearch = () => {
-		this.internalSetState({ searching: false, searchResults: [], searchText: '' }, () => this.setHeader());
+		this.setState({ searching: false, searchResults: [], searchText: '' }, () => this.setHeader());
 		Keyboard.dismiss();
 	};