diff --git a/ui/page/channel/view.jsx b/ui/page/channel/view.jsx
index 6e6930894..d9e0f2bb3 100644
--- a/ui/page/channel/view.jsx
+++ b/ui/page/channel/view.jsx
@@ -26,6 +26,7 @@ import Yrbl from 'component/yrbl';
export const PAGE_VIEW_QUERY = `view`;
const CONTENT_PAGE = 'content';
const LISTS_PAGE = 'lists';
+const REPOSTS_PAGE = 'reposts';
const ABOUT_PAGE = `about`;
export const DISCUSSION_PAGE = `discussion`;
const EDIT_PAGE = 'edit';
@@ -117,12 +118,15 @@ function ChannelPage(props: Props) {
case LISTS_PAGE:
tabIndex = 1;
break;
- case ABOUT_PAGE:
+ case REPOSTS_PAGE:
tabIndex = 2;
break;
- case DISCUSSION_PAGE:
+ case ABOUT_PAGE:
tabIndex = 3;
break;
+ case DISCUSSION_PAGE:
+ tabIndex = 4;
+ break;
default:
tabIndex = 0;
break;
@@ -137,6 +141,8 @@ function ChannelPage(props: Props) {
} else if (newTabIndex === 1) {
search += `${PAGE_VIEW_QUERY}=${LISTS_PAGE}`;
} else if (newTabIndex === 2) {
+ search += `${PAGE_VIEW_QUERY}=${REPOSTS_PAGE}`;
+ } else if (newTabIndex === 3) {
search += `${PAGE_VIEW_QUERY}=${ABOUT_PAGE}`;
} else {
search += `${PAGE_VIEW_QUERY}=${DISCUSSION_PAGE}`;
@@ -252,6 +258,7 @@ function ChannelPage(props: Props) {
{__('Publishes')}
{__('Playlists')}
+ {__('Reposts')}
{editing ? __('Editing Your Channel') : __('About --[tab title in Channel Page]--')}
{__('Community')}
@@ -272,6 +279,14 @@ function ChannelPage(props: Props) {
viewHiddenChannels
/>
+
+
+
diff --git a/ui/scss/component/tabs.scss b/ui/scss/component/tabs.scss
index 52e88c778..dfd66581d 100644
--- a/ui/scss/component/tabs.scss
+++ b/ui/scss/component/tabs.scss
@@ -50,7 +50,7 @@
}
@media (max-width: $breakpoint-xsmall) {
- margin-right: var(--spacing-m);
+ margin-right: var(--spacing-s);
}
}