From b19ce79cc40be0062780c925599e3f29e5df3fb3 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Thu, 3 Jun 2021 17:33:38 -0400
Subject: Move code to legacy

---
 src/components/suggestedPeople/SPTaggsBar.tsx      | 130 ---------------------
 src/components/suggestedPeople/index.ts            |   1 -
 .../suggestedPeople/legacy/SPTaggsBar.tsx          | 128 ++++++++++++++++++++
 3 files changed, 128 insertions(+), 131 deletions(-)
 delete mode 100644 src/components/suggestedPeople/SPTaggsBar.tsx
 create mode 100644 src/components/suggestedPeople/legacy/SPTaggsBar.tsx

(limited to 'src')

diff --git a/src/components/suggestedPeople/SPTaggsBar.tsx b/src/components/suggestedPeople/SPTaggsBar.tsx
deleted file mode 100644
index 3ab33da1..00000000
--- a/src/components/suggestedPeople/SPTaggsBar.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import React, {useEffect, useState} from 'react';
-import {StyleSheet} from 'react-native';
-import Animated from 'react-native-reanimated';
-import {useDispatch, useSelector} from 'react-redux';
-import {INTEGRATED_SOCIAL_LIST, SOCIAL_LIST} from '../../constants';
-import {getLinkedSocials} from '../../services';
-import {loadIndividualSocial, updateSocial} from '../../store/actions';
-import {RootState} from '../../store/rootReducer';
-import {ScreenType} from '../../types';
-import Tagg from '../taggs/Tagg';
-
-const {View, ScrollView} = Animated;
-interface TaggsBarProps {
-  userXId: string | undefined;
-  screenType: ScreenType;
-  linkedSocials?: string[];
-}
-const TaggsBar: React.FC<TaggsBarProps> = ({
-  userXId,
-  screenType,
-  linkedSocials,
-}) => {
-  let [taggs, setTaggs] = useState<Object[]>([]);
-  let [taggsNeedUpdate, setTaggsNeedUpdate] = useState(true);
-  const {user} = useSelector((state: RootState) =>
-    userXId ? state.userX[screenType][userXId] : state.user,
-  );
-
-  const dispatch = useDispatch();
-
-  /**
-   * Updates the individual social that needs update
-   * If username is empty, update nonintegrated socials like Snapchat and TikTok
-   * @param socialType Type of the social that needs update
-   */
-  const handleSocialUpdate = (socialType: string, username: string) => {
-    if (username !== '') {
-      dispatch(updateSocial(socialType, username));
-    } else {
-      dispatch(loadIndividualSocial(user.userId, socialType));
-    }
-  };
-
-  /**
-   * This useEffect should be called evey time the user being viewed is changed OR
-   * And update is triggered manually
-   */
-  useEffect(() => {
-    const loadData = async () => {
-      const socials: string[] = linkedSocials
-        ? linkedSocials
-        : await getLinkedSocials(user.userId);
-      const unlinkedSocials = SOCIAL_LIST.filter(
-        (s) => socials.indexOf(s) === -1,
-      );
-      let new_taggs = [];
-      let i = 0;
-      for (let social of socials) {
-        new_taggs.push(
-          <Tagg
-            key={i}
-            social={social}
-            userXId={userXId}
-            user={user}
-            isLinked={true}
-            isIntegrated={INTEGRATED_SOCIAL_LIST.indexOf(social) !== -1}
-            setTaggsNeedUpdate={setTaggsNeedUpdate}
-            setSocialDataNeedUpdate={handleSocialUpdate}
-            whiteRing={true}
-            screenType={screenType}
-          />,
-        );
-        i++;
-      }
-      if (!userXId) {
-        for (let social of unlinkedSocials) {
-          new_taggs.push(
-            <Tagg
-              key={i}
-              social={social}
-              isLinked={false}
-              isIntegrated={INTEGRATED_SOCIAL_LIST.indexOf(social) !== -1}
-              setTaggsNeedUpdate={setTaggsNeedUpdate}
-              setSocialDataNeedUpdate={handleSocialUpdate}
-              userXId={userXId}
-              user={user}
-              whiteRing={true}
-              screenType={screenType}
-            />,
-          );
-          i++;
-        }
-      }
-      setTaggs(new_taggs);
-      setTaggsNeedUpdate(false);
-    };
-    if (user.userId) {
-      loadData();
-    }
-  }, [taggsNeedUpdate, user]);
-
-  return taggs.length > 0 ? (
-    <View style={styles.spContainer}>
-      <ScrollView
-        horizontal
-        showsHorizontalScrollIndicator={false}
-        contentContainerStyle={styles.contentContainer}>
-        {taggs}
-      </ScrollView>
-    </View>
-  ) : (
-    <></>
-  );
-};
-
-const styles = StyleSheet.create({
-  spContainer: {
-    shadowColor: '#000',
-    shadowRadius: 10,
-    shadowOffset: {width: 0, height: 2},
-    zIndex: 1,
-    marginBottom: 25,
-  },
-  contentContainer: {
-    alignItems: 'center',
-    paddingBottom: 5,
-  },
-});
-
-export default TaggsBar;
diff --git a/src/components/suggestedPeople/index.ts b/src/components/suggestedPeople/index.ts
index 34bb96d4..ecdf4f35 100644
--- a/src/components/suggestedPeople/index.ts
+++ b/src/components/suggestedPeople/index.ts
@@ -1,3 +1,2 @@
 export {default as MutualFriends} from './MutualFriends';
-export {default as SPTaggsBar} from './SPTaggsBar';
 export {default as BadgeIcon} from './BadgeIcon';
diff --git a/src/components/suggestedPeople/legacy/SPTaggsBar.tsx b/src/components/suggestedPeople/legacy/SPTaggsBar.tsx
new file mode 100644
index 00000000..3273f88d
--- /dev/null
+++ b/src/components/suggestedPeople/legacy/SPTaggsBar.tsx
@@ -0,0 +1,128 @@
+import React, {useEffect, useState} from 'react';
+import {StyleSheet} from 'react-native';
+import Animated from 'react-native-reanimated';
+import {useDispatch, useSelector} from 'react-redux';
+import {INTEGRATED_SOCIAL_LIST, SOCIAL_LIST} from '../../../constants';
+import {getLinkedSocials} from '../../../services';
+import {loadIndividualSocial, updateSocial} from '../../../store/actions';
+import {RootState} from '../../../store/rootReducer';
+import {ScreenType} from '../../../types';
+import Tagg from '../../taggs/Tagg';
+
+const {View, ScrollView} = Animated;
+interface TaggsBarProps {
+  userXId: string | undefined;
+  screenType: ScreenType;
+  linkedSocials?: string[];
+}
+const TaggsBar: React.FC<TaggsBarProps> = ({
+  userXId,
+  screenType,
+  linkedSocials,
+}) => {
+  let [taggs, setTaggs] = useState<Object[]>([]);
+  let [taggsNeedUpdate, setTaggsNeedUpdate] = useState(true);
+  const {user} = useSelector((state: RootState) =>
+    userXId ? state.userX[screenType][userXId] : state.user,
+  );
+
+  const dispatch = useDispatch();
+
+  /**
+   * Updates the individual social that needs update
+   * If username is empty, update nonintegrated socials like Snapchat and TikTok
+   * @param socialType Type of the social that needs update
+   */
+  const handleSocialUpdate = (socialType: string, username: string) => {
+    if (username !== '') {
+      dispatch(updateSocial(socialType, username));
+    } else {
+      dispatch(loadIndividualSocial(user.userId, socialType));
+    }
+  };
+
+  /**
+   * This useEffect should be called evey time the user being viewed is changed OR
+   * And update is triggered manually
+   */
+  useEffect(() => {
+    const loadData = async () => {
+      const socials: string[] = linkedSocials
+        ? linkedSocials
+        : await getLinkedSocials(user.userId);
+      const unlinkedSocials = SOCIAL_LIST.filter(
+        (s) => socials.indexOf(s) === -1,
+      );
+      let new_taggs = [];
+      let i = 0;
+      for (let social of socials) {
+        new_taggs.push(
+          <Tagg
+            key={i}
+            social={social}
+            userXId={userXId}
+            user={user}
+            isLinked={true}
+            isIntegrated={INTEGRATED_SOCIAL_LIST.indexOf(social) !== -1}
+            setTaggsNeedUpdate={setTaggsNeedUpdate}
+            setSocialDataNeedUpdate={handleSocialUpdate}
+            screenType={screenType}
+          />,
+        );
+        i++;
+      }
+      if (!userXId) {
+        for (let social of unlinkedSocials) {
+          new_taggs.push(
+            <Tagg
+              key={i}
+              social={social}
+              isLinked={false}
+              isIntegrated={INTEGRATED_SOCIAL_LIST.indexOf(social) !== -1}
+              setTaggsNeedUpdate={setTaggsNeedUpdate}
+              setSocialDataNeedUpdate={handleSocialUpdate}
+              userXId={userXId}
+              user={user}
+              screenType={screenType}
+            />,
+          );
+          i++;
+        }
+      }
+      setTaggs(new_taggs);
+      setTaggsNeedUpdate(false);
+    };
+    if (user.userId) {
+      loadData();
+    }
+  }, [taggsNeedUpdate, user]);
+
+  return taggs.length > 0 ? (
+    <View style={styles.spContainer}>
+      <ScrollView
+        horizontal
+        showsHorizontalScrollIndicator={false}
+        contentContainerStyle={styles.contentContainer}>
+        {taggs}
+      </ScrollView>
+    </View>
+  ) : (
+    <></>
+  );
+};
+
+const styles = StyleSheet.create({
+  spContainer: {
+    shadowColor: '#000',
+    shadowRadius: 10,
+    shadowOffset: {width: 0, height: 2},
+    zIndex: 1,
+    marginBottom: 25,
+  },
+  contentContainer: {
+    alignItems: 'center',
+    paddingBottom: 5,
+  },
+});
+
+export default TaggsBar;
-- 
cgit v1.2.3-70-g09d2