diff options
| author | Ashm Walia <40498934+ashmgarv@users.noreply.github.com> | 2020-12-14 16:02:09 -0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-12-14 19:02:09 -0500 |
| commit | 3b7bf256d83e1898642c2aab9072ffbeec8cc032 (patch) | |
| tree | 9b48ff57f61414321e2c78124bd6a63101a04602 /src/components/search/SearchResults.tsx | |
| parent | 410d9224f4e198ab0b8ecae35fa05c240a2439bf (diff) | |
[TMA - 426] Fix recent search + Add refresh control (#138)
* Got rid of small lint errors before start
* Final push
* Final
* disable scroll first try / logic
* small change
* Try to make the cover photo consistent with different screen sizes
* Final change
* added RefreshControl
* removed scale effect
* Fix misorientation of cover
* remove more scale stuff
* fix userIDs for different views
* Mend refresh control
* white bg
Co-authored-by: hsalhab <husam_salhab@brown.edu>
Diffstat (limited to 'src/components/search/SearchResults.tsx')
| -rw-r--r-- | src/components/search/SearchResults.tsx | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/src/components/search/SearchResults.tsx b/src/components/search/SearchResults.tsx index 001c7968..9d95593a 100644 --- a/src/components/search/SearchResults.tsx +++ b/src/components/search/SearchResults.tsx @@ -12,8 +12,23 @@ const SearchResults: React.FC<SearchResultsProps> = ({ previewType, screenType, }) => { + /** + * Added the following swicth case to make Results on Search and Recents screen a list + * Flex is love + */ + var containerStyle; + switch (previewType) { + case 'Search': + containerStyle = styles.containerSearch; + break; + case 'Recent': + containerStyle = styles.containerSearch; + break; + default: + containerStyle = styles.container; + } return ( - <View style={styles.container}> + <View style={containerStyle}> {results.map((profilePreview) => ( <ProfilePreview style={styles.result} @@ -28,6 +43,7 @@ const SearchResults: React.FC<SearchResultsProps> = ({ }; const styles = StyleSheet.create({ + containerSearch: {flexDirection: 'column', flexWrap: 'wrap'}, container: {flexDirection: 'row', flexWrap: 'wrap'}, result: { marginVertical: 10, |