From bdc7186d869ff969c3e19cb9a4a8839df51a7f32 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Thu, 29 Apr 2021 19:34:10 -0400
Subject: completed typeahead

missed import
---
 src/components/common/TaggUserRowCell.tsx | 55 +++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 src/components/common/TaggUserRowCell.tsx

(limited to 'src/components/common/TaggUserRowCell.tsx')

diff --git a/src/components/common/TaggUserRowCell.tsx b/src/components/common/TaggUserRowCell.tsx
new file mode 100644
index 00000000..446f5e87
--- /dev/null
+++ b/src/components/common/TaggUserRowCell.tsx
@@ -0,0 +1,55 @@
+import React from 'react';
+import {Image, StyleSheet, Text, TouchableOpacity, View} from 'react-native';
+import {ProfilePreviewType} from '../../types';
+import {defaultUserProfile, normalize} from '../../utils';
+
+type TaggUserRowCellProps = {
+  onPress: () => void;
+  user: ProfilePreviewType;
+};
+const TaggUserRowCell: React.FC<TaggUserRowCellProps> = ({onPress, user}) => {
+  return (
+    <TouchableOpacity onPress={onPress} style={styles.container}>
+      <Image
+        defaultSource={defaultUserProfile()}
+        source={{uri: user.thumbnail_url}}
+        style={styles.image}
+      />
+      <View style={styles.textContent}>
+        <Text style={styles.username}>{`@${user.username}`}</Text>
+        <Text style={styles.name}>
+          {user.first_name} {user.last_name}
+        </Text>
+      </View>
+    </TouchableOpacity>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    paddingHorizontal: 25,
+    paddingVertical: 15,
+    width: '100%',
+  },
+  image: {
+    width: normalize(30),
+    height: normalize(30),
+    borderRadius: 30,
+  },
+  textContent: {
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    marginLeft: 20,
+  },
+  username: {
+    fontWeight: '500',
+    fontSize: normalize(14),
+  },
+  name: {
+    fontWeight: '500',
+    fontSize: normalize(12),
+    color: '#828282',
+  },
+});
+export default TaggUserRowCell;
-- 
cgit v1.2.3-70-g09d2


From 9795083f41e6417c32d9c070ab0b2bf4aca67012 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Tue, 4 May 2021 17:12:22 -0400
Subject: fixed merge issues

---
 src/components/common/TaggUserRowCell.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

(limited to 'src/components/common/TaggUserRowCell.tsx')

diff --git a/src/components/common/TaggUserRowCell.tsx b/src/components/common/TaggUserRowCell.tsx
index 446f5e87..446dedc9 100644
--- a/src/components/common/TaggUserRowCell.tsx
+++ b/src/components/common/TaggUserRowCell.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
-import {Image, StyleSheet, Text, TouchableOpacity, View} from 'react-native';
+import {StyleSheet, Text, TouchableOpacity, View} from 'react-native';
 import {ProfilePreviewType} from '../../types';
-import {defaultUserProfile, normalize} from '../../utils';
+import {normalize} from '../../utils';
+import Avatar from './Avatar';
 
 type TaggUserRowCellProps = {
   onPress: () => void;
@@ -10,11 +11,7 @@ type TaggUserRowCellProps = {
 const TaggUserRowCell: React.FC<TaggUserRowCellProps> = ({onPress, user}) => {
   return (
     <TouchableOpacity onPress={onPress} style={styles.container}>
-      <Image
-        defaultSource={defaultUserProfile()}
-        source={{uri: user.thumbnail_url}}
-        style={styles.image}
-      />
+      <Avatar style={styles.image} uri={user.thumbnail_url} />
       <View style={styles.textContent}>
         <Text style={styles.username}>{`@${user.username}`}</Text>
         <Text style={styles.name}>
-- 
cgit v1.2.3-70-g09d2