1 files changed, 6 insertions, 4 deletions
diff --git a/src/components/messages/MessagesHeader.tsx b/src/components/messages/MessagesHeader.tsx
index 47a84bf3..3b8144f7 100644
--- a/src/components/messages/MessagesHeader.tsx
+++ b/src/components/messages/MessagesHeader.tsx
@@ -1,12 +1,14 @@
 import * as React from 'react';
-import {Alert, StyleSheet, View} from 'react-native';
+import {StyleSheet, View} from 'react-native';
 import {Text} from 'react-native-animatable';
 import {TouchableOpacity} from 'react-native-gesture-handler';
 import {normalize} from '../../utils';
 
-type MessagesHeaderProps = {};
+type MessagesHeaderProps = {
+  createChannel: () => void;
+};
 
-const MessagesHeader: React.FC<MessagesHeaderProps> = () => {
+const MessagesHeader: React.FC<MessagesHeaderProps> = ({createChannel}) => {
   return (
     <View style={styles.header}>
       <Text style={styles.headerText}>Messages</Text>
@@ -15,7 +17,7 @@ const MessagesHeader: React.FC<MessagesHeaderProps> = () => {
       <TouchableOpacity
         style={styles.compose}
         onPress={() => {
-          Alert.alert('hi');
+          createChannel();
         }}>
         <Text>Compose</Text>
       </TouchableOpacity>