[TMA-25] Search Functionality (#33)

* Create tabs gradient component

* Add endpoint constant and types for search

* Create search functionality

* [TMA-19*] Abstracted out Social Icon logic (#32)

* Basic mostly functional implementation

Need to figure out why API is being called so much

* Hey it works now! Without a million API calls!

* Fixed bug where app would crash upon login

Also updated property names to be more appropriate

* Added post datetime and social icon

* Updated error message

* Fixed typecheck errors

I don't know that these fixes are the best since I don't think they're generalizable

* Formatted datetime in PostHeader

* Abstracted out social icon switching logic

* Basic mostly functional implementation

Need to figure out why API is being called so much

* Hey it works now! Without a million API calls!

* Fixed bug where app would crash upon login

Also updated property names to be more appropriate

* Added post datetime and social icon

* Updated error message

* Fixed typecheck errors

I don't know that these fixes are the best since I don't think they're generalizable

* Abstracted out social icon switching logic

* Change View to TouchableOpacity

* Create tabs gradient component

* Add endpoint constant and types for search

* Create search functionality

* Change View to TouchableOpacity

Co-authored-by: Justin Shillingford <jgs272@cornell.edu>

1 files changed, 23 insertions, 0 deletions

diff --git a/src/components/common/TabsGradient.tsx b/src/components/common/TabsGradient.tsx
new file mode 100644
index 00000000..a95e8bc3
--- /dev/null
+++ b/src/components/common/TabsGradient.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import LinearGradient from 'react-native-linear-gradient';
+import {StyleSheet} from 'react-native';
+import {SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
+
+const TabsGradient: React.FC = () => {
+  return (
+    <LinearGradient
+      locations={[0, 1]}
+      colors={['transparent', 'rgba(0, 0, 0, 0.7)']}
+      style={styles.gradient}
+    />
+  );
+};
+const styles = StyleSheet.create({
+  gradient: {
+    position: 'absolute',
+    top: (SCREEN_HEIGHT / 10) * 9,
+    height: SCREEN_HEIGHT / 10,
+    width: SCREEN_WIDTH,
+  },
+});
+export default TabsGradient;