From 3c5d0f127cf87c04c61ca752c106e847380b5dae Mon Sep 17 00:00:00 2001
From: AlexAlexandre <alexalexandrejr@gmail.com>
Date: Wed, 1 Dec 2021 23:31:02 -0300
Subject: [PATCH] chore: Migrate separator room to ts

---
 .../RoomView/{Separator.js => Separator.tsx}      | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)
 rename app/views/RoomView/{Separator.js => Separator.tsx} (88%)

diff --git a/app/views/RoomView/Separator.js b/app/views/RoomView/Separator.tsx
similarity index 88%
rename from app/views/RoomView/Separator.js
rename to app/views/RoomView/Separator.tsx
index b992f2560..4b05c6914 100644
--- a/app/views/RoomView/Separator.js
+++ b/app/views/RoomView/Separator.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
-import PropTypes from 'prop-types';
 import moment from 'moment';
 
 import I18n from '../../i18n';
@@ -34,7 +33,13 @@ const styles = StyleSheet.create({
 	}
 });
 
-const DateSeparator = React.memo(({ ts, unread, theme }) => {
+interface IRoomDateSeparatorProps {
+	ts: Date;
+	unread: boolean;
+	theme: string;
+}
+
+const DateSeparator = React.memo(({ ts, unread, theme }: IRoomDateSeparatorProps) => {
 	const date = ts ? moment(ts).format('LL') : null;
 	const unreadLine = { backgroundColor: themes[theme].dangerColor };
 	const unreadText = { color: themes[theme].dangerColor };
@@ -63,10 +68,4 @@ const DateSeparator = React.memo(({ ts, unread, theme }) => {
 	);
 });
 
-DateSeparator.propTypes = {
-	ts: PropTypes.instanceOf(Date),
-	unread: PropTypes.bool,
-	theme: PropTypes.string
-};
-
 export default DateSeparator;