From ab7fa09af967e0a8cf2ca53dfb24f8bc8a6886f7 Mon Sep 17 00:00:00 2001
From: Ashm Walia <40498934+ashmgarv@users.noreply.github.com>
Date: Sun, 18 Oct 2020 16:37:32 -0700
Subject: [TMA 279] Ability to search and view someone's profile (#58)

* Batch one : major changes

* WIP checkpoint

* The one before the final touch

* Probable final touch

* ran yarn lint D:

* linter broke something

* fixed a small bug

* Addressed a small nitpick

* Well abstracted now

Co-authored-by: Ivan Chen <ivan@thetaggid.com>
---
 src/components/taggs/Tagg.tsx     | 10 +++++++---
 src/components/taggs/TaggsBar.tsx | 11 +++++++++--
 2 files changed, 16 insertions(+), 5 deletions(-)

(limited to 'src/components/taggs')

diff --git a/src/components/taggs/Tagg.tsx b/src/components/taggs/Tagg.tsx
index 341a713a..d6cffee5 100644
--- a/src/components/taggs/Tagg.tsx
+++ b/src/components/taggs/Tagg.tsx
@@ -1,12 +1,15 @@
 import {useNavigation} from '@react-navigation/native';
 import React from 'react';
-import {StyleSheet, TouchableOpacity, View, ViewProps} from 'react-native';
+import {StyleSheet, TouchableOpacity, View} from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
 import {TAGGS_GRADIENT} from '../../constants';
 
-interface TaggProps extends ViewProps {}
+interface TaggProps {
+  style: object;
+  isProfileView: boolean;
+}
 
-const Tagg: React.FC<TaggProps> = ({style}) => {
+const Tagg: React.FC<TaggProps> = ({style, isProfileView}) => {
   const navigation = useNavigation();
 
   return (
@@ -14,6 +17,7 @@ const Tagg: React.FC<TaggProps> = ({style}) => {
       onPress={() =>
         navigation.navigate('SocialMediaTaggs', {
           socialMediaType: 'Instagram',
+          isProfileView: isProfileView,
         })
       }>
       <LinearGradient
diff --git a/src/components/taggs/TaggsBar.tsx b/src/components/taggs/TaggsBar.tsx
index 1022c4fc..933f355d 100644
--- a/src/components/taggs/TaggsBar.tsx
+++ b/src/components/taggs/TaggsBar.tsx
@@ -10,11 +10,18 @@ const {View, ScrollView, interpolate, Extrapolate} = Animated;
 interface TaggsBarProps {
   y: Animated.Value<number>;
   profileBodyHeight: number;
+  isProfileView: boolean;
 }
-const TaggsBar: React.FC<TaggsBarProps> = ({y, profileBodyHeight}) => {
+const TaggsBar: React.FC<TaggsBarProps> = ({
+  y,
+  profileBodyHeight,
+  isProfileView,
+}) => {
   const taggs: Array<JSX.Element> = [];
   for (let i = 0; i < 10; i++) {
-    taggs.push(<Tagg key={i} style={styles.tagg} />);
+    taggs.push(
+      <Tagg key={i} style={styles.tagg} isProfileView={isProfileView} />,
+    );
   }
   const shadowOpacity: Animated.Node<number> = interpolate(y, {
     inputRange: [
-- 
cgit v1.2.3-70-g09d2