From e62d5741c28291d88f17d915888c6dcc996c91aa Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Fri, 15 Mar 2019 12:50:58 +0100
Subject: [PATCH] add channel name to channel page
---
app/src/page/channel/view.js | 8 ++++++--
app/src/styles/channelPage.js | 19 ++++++++++++++++++-
2 files changed, 24 insertions(+), 3 deletions(-)
diff --git a/app/src/page/channel/view.js b/app/src/page/channel/view.js
index 14da2754..c4329e65 100644
--- a/app/src/page/channel/view.js
+++ b/app/src/page/channel/view.js
@@ -6,6 +6,7 @@ import Colors from 'styles/colors';
import Button from 'component/button';
import FileList from 'component/fileList';
import PageHeader from 'component/pageHeader';
+import SubscribeButton from 'component/subscribeButton';
import UriBar from 'component/uriBar';
import channelPageStyle from 'styles/channelPage';
@@ -82,7 +83,11 @@ class ChannelPage extends React.PureComponent {
return (
<View style={channelPageStyle.container}>
- <PageHeader title={name} onBackPressed={() => navigateBack(navigation, drawerStack, popDrawerStack)} />
+ <UriBar value={uri} navigation={navigation} />
+ <View style={channelPageStyle.channelHeader}>
+ <Text style={channelPageStyle.channelName}>{name}</Text>
+ <SubscribeButton style={channelPageStyle.subscribeButton} uri={uri} name={name} />
+ </View>
{contentList}
{(totalPages > 1) && this.state.showPageButtons &&
<View style={channelPageStyle.pageButtons}>
@@ -99,7 +104,6 @@ class ChannelPage extends React.PureComponent {
disabled={!!fetching}
onPress={this.handleNextPage} />}
</View>}
- <UriBar value={uri} navigation={navigation} />
</View>
)
}
diff --git a/app/src/styles/channelPage.js b/app/src/styles/channelPage.js
index 43b8f068..9e241e5e 100644
--- a/app/src/styles/channelPage.js
+++ b/app/src/styles/channelPage.js
@@ -39,7 +39,7 @@ const channelPageStyle = StyleSheet.create({
flexDirection: 'row',
justifyContent: 'space-between',
position: 'absolute',
- bottom: 76,
+ bottom: 16,
paddingLeft: 16,
paddingRight: 16
},
@@ -50,6 +50,23 @@ const channelPageStyle = StyleSheet.create({
},
nextButton: {
alignSelf: 'flex-end'
+ },
+ channelHeader: {
+ marginTop: 60,
+ marginLeft: 16,
+ marginRight: 16
+ },
+ channelName: {
+ fontFamily: 'Inter-UI-SemiBold',
+ fontSize: 24,
+ marginTop: 16,
+ marginBottom: 8
+ },
+ subscribeButton: {
+ alignSelf: 'flex-start',
+ backgroundColor: Colors.White,
+ paddingLeft: 16,
+ paddingRight: 16
}
});