diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-04-06 15:58:44 -0400 |
|---|---|---|
| committer | Ivan Chen <ivan@tagg.id> | 2021-04-07 14:57:34 -0400 |
| commit | 8f0eb0703f24076796fa6c13e35b5fc8b8de87ab (patch) | |
| tree | aa21286e3a4252ac44da4803ee850426cfe78e61 | |
| parent | f16748fea83bf28ddb70adeeef8d18fba43e9c1b (diff) | |
added compose button asset
| -rw-r--r-- | src/assets/icons/compose.svg | 1 | ||||
| -rw-r--r-- | src/components/messages/MessagesHeader.tsx | 8 |
2 files changed, 5 insertions, 4 deletions
diff --git a/src/assets/icons/compose.svg b/src/assets/icons/compose.svg new file mode 100644 index 00000000..062e08cf --- /dev/null +++ b/src/assets/icons/compose.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 720"><defs><style>.cls-1,.cls-2,.cls-3{fill:none;}.cls-1,.cls-2{stroke:#828282;stroke-linecap:round;stroke-width:48px;}.cls-1,.cls-3{stroke-miterlimit:10;}.cls-2{stroke-linejoin:round;}.cls-3{stroke:#5c5b5e;stroke-width:0.91px;}</style></defs><path class="cls-1" d="M607.16,358.14V584.69c0,41.63-38,75.36-85,75.36H122.42c-46.91,0-84.93-33.73-84.93-75.36V168c0-41.62,38-75.4,84.93-75.4H412.23"/><path class="cls-2" d="M672.13,165.09l-289,290.8-52.62,19.66-81.11,30.28,27.77-83.35,17.06-51.26a2,2,0,0,1,.28-.32L585.59,78a60.89,60.89,0,0,1,86.54,0A61.87,61.87,0,0,1,672.13,165.09Z"/><line class="cls-3" x1="280.02" y1="283.62" x2="279.34" y2="283.87"/></svg>
\ No newline at end of file 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> ); |
