Commit 8088b995 authored by mgabdev's avatar mgabdev

Added trends.gab.com to header, tabs bar, sidebar, promo panel

parent 8a9e7352
......@@ -32,6 +32,7 @@ const messages = defineMessages({
more: { id: 'sidebar.more', defaultMessage: 'More' },
partners: { id: 'promo.partners', defaultMessage: 'Affiliate Partners' },
pro: { id: 'promo.gab_pro', defaultMessage: 'Upgrade to GabPRO' },
trends: { id: 'promo.trends', defaultMessage: 'Trends' },
})
const mapStateToProps = state => {
......@@ -150,6 +151,10 @@ class SidebarMenu extends ImmutablePureComponent {
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.pro)}</span>
</a>
}
<a className='sidebar-menu-item' href='https://trends.gab.com'>
<Icon id='signal' fixedWidth />
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.trends)}</span>
</a>
<a className='sidebar-menu-item' href='https://news.gab.com'>
<Icon id='align-left' fixedWidth />
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.news)}</span>
......
......@@ -41,6 +41,13 @@ class PromoPanel extends React.PureComponent {
</a>
</div>
<div className='promo-panel-item'>
<a className='promo-panel-item__btn' href='https://trends.gab.com'>
<Icon id='signal' className='promo-panel-item__icon' fixedWidth />
<FormattedMessage id='promo.trends' defaultMessage='Trends' />
</a>
</div>
<div className='promo-panel-item'>
<a className='promo-panel-item__btn' href='https://news.gab.com/support-gab'>
<Icon id='users' className='promo-panel-item__icon' fixedWidth />
......
......@@ -30,10 +30,10 @@ export const privateLinks = [
<i className='tabs-bar__link__icon groups'/>
<FormattedMessage id='tabs_bar.groups' defaultMessage='Groups' />
</NavLink>,
<NavLink key='pr5' className='tabs-bar__link tabs-bar__link--search' to='/search' data-preview-title-id='tabs_bar.search' >
<i className='tabs-bar__link__icon tabs-bar__link__icon--search'/>
<FormattedMessage id='tabs_bar.search' defaultMessage='Search' />
</NavLink>,
<a key='pl4' className='tabs-bar__link tabs-bar__link--trends' href='https://trends.gab.com' data-preview-title-id='tabs_bar.trends' >
<i className='tabs-bar__link__icon trends'/>
<FormattedMessage id='tabs_bar.trends' defaultMessage='Trends' />
</a>,
];
export const publicLinks = [
......@@ -48,6 +48,10 @@ export const publicLinks = [
<i className='tabs-bar__link__icon tabs-bar__link__icon--search'/>
<FormattedMessage id='tabs_bar.search' defaultMessage='Search' />
</NavLink>,
<a key='pl3' className='tabs-bar__link tabs-bar__link--trends' href='https://trends.gab.com' data-preview-title-id='tabs_bar.trends' >
<i className='tabs-bar__link__icon trends'/>
<FormattedMessage id='tabs_bar.trends' defaultMessage='Trends' />
</a>,
];
@withRouter
......
......@@ -275,6 +275,12 @@
&.apps {
background-position: -825px 18px;
}
&.trends {
background-position: -850px 18px;
@media screen and (max-width: 895px) {
background-position: -1208px 8px;
}
}
&.tabs-bar__link__icon--search {
background-position: -697px 18px;
@media screen and (max-width: 895px) {
......
......@@ -13,6 +13,7 @@
= link_to t('home'), root_url, class: 'nav-link optional'
= link_to t('about.about_this'), about_path, class: 'nav-link'
= link_to 'Apps', 'https://apps.gab.com', class: 'nav-link'
= link_to 'Trends', 'https://trends.gab.com', class: 'nav-link'
.nav-center
.nav-right
- if user_signed_in?
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment