diff options
Diffstat (limited to 'src/view/shell/web/DesktopRightColumn.tsx')
-rw-r--r-- | src/view/shell/web/DesktopRightColumn.tsx | 43 |
1 files changed, 10 insertions, 33 deletions
diff --git a/src/view/shell/web/DesktopRightColumn.tsx b/src/view/shell/web/DesktopRightColumn.tsx index 22acac382..b051e6094 100644 --- a/src/view/shell/web/DesktopRightColumn.tsx +++ b/src/view/shell/web/DesktopRightColumn.tsx @@ -1,25 +1,15 @@ import React from 'react' -import {View, StyleSheet} from 'react-native' -import {Link} from '../../com/util/Link' +import {StyleSheet, View} from 'react-native' import {Text} from '../../com/util/text/Text' -import {usePalette} from 'lib/hooks/usePalette' -import {MagnifyingGlassIcon} from 'lib/icons' import {LiteSuggestedFollows} from '../../com/discover/LiteSuggestedFollows' import {s} from 'lib/styles' +import {useStores} from 'state/index' export const DesktopRightColumn: React.FC = () => { - const pal = usePalette('default') + const store = useStores() return ( - <View style={[styles.container, pal.border]}> - <Link href="/search" style={[pal.btn, styles.searchContainer]}> - <View style={styles.searchIcon}> - <MagnifyingGlassIcon style={pal.textLight} /> - </View> - <Text type="lg" style={pal.textLight}> - Search - </Text> - </Link> - <Text type="xl-bold" style={s.mb10}> + <View style={styles.container}> + <Text type="lg-bold" style={s.mb10}> Suggested Follows </Text> <LiteSuggestedFollows /> @@ -30,23 +20,10 @@ export const DesktopRightColumn: React.FC = () => { const styles = StyleSheet.create({ container: { position: 'absolute', - right: 'calc(50vw - 650px)', - width: '350px', - height: '100%', - borderLeftWidth: 1, - overscrollBehavior: 'auto', - paddingLeft: 30, - paddingTop: 10, - }, - searchContainer: { - flexDirection: 'row', - alignItems: 'center', - paddingHorizontal: 14, - paddingVertical: 10, - borderRadius: 20, - marginBottom: 20, - }, - searchIcon: { - marginRight: 5, + right: 0, + width: '400px', + paddingHorizontal: 16, + paddingRight: 32, + paddingTop: 20, }, }) |