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); } }