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

app/javascript/gabsocial/components/sidebar_menu.js

@@ -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>

app/javascript/gabsocial/features/ui/components/promo_panel.js

@@ -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 />

app/javascript/gabsocial/features/ui/components/tabs_bar.js

@@ -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

app/javascript/styles/gabsocial/components/tabs-bar.scss

@@ -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) {

app/views/layouts/public.html.haml

@@ -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?