From 8f0eb0703f24076796fa6c13e35b5fc8b8de87ab Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Tue, 6 Apr 2021 15:58:44 -0400
Subject: added compose button asset

---
 src/components/messages/MessagesHeader.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'src/components/messages/MessagesHeader.tsx')

diff --git a/src/components/messages/MessagesHeader.tsx b/src/components/messages/MessagesHeader.tsx
index d8445580..a3b31a22 100644
--- a/src/components/messages/MessagesHeader.tsx
+++ b/src/components/messages/MessagesHeader.tsx
@@ -3,6 +3,7 @@ import {StyleSheet, View} from 'react-native';
 import {Text} from 'react-native-animatable';
 import {TouchableOpacity} from 'react-native-gesture-handler';
 import {normalize} from '../../utils';
+import ComposeIcon from '../../assets/icons/compose.svg';
 
 type MessagesHeaderProps = {
   createChannel: () => void;
@@ -14,10 +15,9 @@ const MessagesHeader: React.FC<MessagesHeaderProps> = ({createChannel}) => {
       <Text style={styles.headerText}>Messages</Text>
       <Text style={styles.unreadText}>2 unread</Text>
       <View style={styles.flex} />
-      <TouchableOpacity
-        style={styles.compose}
-        onPress={createChannel}>
-        <Text>Compose</Text>
+      <TouchableOpacity style={styles.compose} onPress={createChannel}>
+        {/* <Text>Compose</Text> */}
+        <ComposeIcon width={normalize(20)} height={normalize(20)} />
       </TouchableOpacity>
     </View>
   );
-- 
cgit v1.2.3-70-g09d2

