[IMPROVE] - migrate directoryItem presentation layer

app/containers/UIKit/index.tsx

@@ -225,6 +225,7 @@ class ModalParser extends UiKitParserModal {
 		const { theme } = useContext(ThemeContext);
 		const { multiline, actionId, placeholder } = element;
 		return (
+			// @ts-ignore
 			<TextInput
 				id={actionId}
 				placeholder={plainText(placeholder)}

app/presentation/DirectoryItem/index.tsx

@@ -10,7 +10,26 @@ import { themes } from '../../constants/colors';
 
 export { ROW_HEIGHT };
 
-const DirectoryItemLabel = React.memo(({ text, theme }) => {
+type TDirectoryItemLabel = {
+	text: string;
+	theme: string;
+}
+
+interface IDirectoryItem {
+	title: string;
+	description: string;
+	avatar: string;
+	type: string;
+	onPress(): void;
+	testID: string;
+	style: any;
+	rightLabel: string;
+	rid: string;
+	theme: string;
+	teamMain: boolean;
+}
+
+const DirectoryItemLabel = React.memo(({ text, theme }: TDirectoryItemLabel) => {
 	if (!text) {
 		return null;
 	}
@@ -19,7 +38,7 @@ const DirectoryItemLabel = React.memo(({ text, theme }) => {
 
 const DirectoryItem = ({
 	title, description, avatar, onPress, testID, style, rightLabel, type, rid, theme, teamMain
-}) => (
+}: IDirectoryItem) => (
 	<Touch
 		onPress={onPress}
 		style={{ backgroundColor: themes[theme].backgroundColor }}
@@ -46,23 +65,4 @@ const DirectoryItem = ({
 	</Touch>
 );
 
-DirectoryItem.propTypes = {
-	title: PropTypes.string.isRequired,
-	description: PropTypes.string,
-	avatar: PropTypes.string,
-	type: PropTypes.string,
-	onPress: PropTypes.func.isRequired,
-	testID: PropTypes.string.isRequired,
-	style: PropTypes.any,
-	rightLabel: PropTypes.string,
-	rid: PropTypes.string,
-	theme: PropTypes.string,
-	teamMain: PropTypes.bool
-};
-
-DirectoryItemLabel.propTypes = {
-	text: PropTypes.string,
-	theme: PropTypes.string
-};
-
 export default DirectoryItem;