random-mirrors
/
gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added chat button to footer, nav

This commit is contained in:
mgabdev 2020-02-05 19:23:03 -05:00
parent 331ae0ca38
commit e92a419b2a
3 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/javascript/gabsocial/features/ui/components/footer_bar.js
View File

@ -3,26 +3,31 @@ import PropTypes from 'prop-types';
import { NavLink, withRouter } from 'react-router-dom';
import { FormattedMessage, injectIntl } from 'react-intl';
import NotificationsCounterIcon from './notifications_counter_icon';
import Icon from '../../../components/icon';
import { me } from '../../../initial_state';
const links = [
<NavLink key='pr1' className='footer-bar__link' to='/home' data-preview-title-id='column.home'>
<i className='tabs-bar__link__icon home'/>
<i className='tabs-bar__link__icon home' />
<FormattedMessage id='tabs_bar.home' defaultMessage='Home' />
</NavLink>,
<NavLink key='pr2' className='footer-bar__link' to='/notifications' data-preview-title-id='column.notifications'>
<i className='tabs-bar__link__icon notifications'/>
<i className='tabs-bar__link__icon notifications' />
<NotificationsCounterIcon />
<FormattedMessage id='tabs_bar.notifications' defaultMessage='Notifications' />
</NavLink>,
<NavLink key='pr3' className='footer-bar__link' to='/groups' data-preview-title-id='column.groups'>
<i className='tabs-bar__link__icon groups'/>
<i className='tabs-bar__link__icon groups' />
<FormattedMessage id='tabs_bar.groups' defaultMessage='Groups' />
</NavLink>,
<a key='pl4' className='footer-bar__link footer-bar__link--trends' href='https://trends.gab.com' data-preview-title-id='tabs_bar.trends'>
<i className='tabs-bar__link__icon trends'/>
<i className='tabs-bar__link__icon trends' />
<FormattedMessage id='tabs_bar.trends' defaultMessage='Trends' />
</a>,
<a key='pl5' className='footer-bar__link footer-bar__link--chat' href='https://chat.gab.com' data-preview-title-id='tabs_bar.chat'>
<Icon id='comments' className='tabs-bar__link__icon chat' />
<FormattedMessage id='tabs_bar.chat' defaultMessage='Chat' />
</a>,
]
export default
@ -34,7 +39,7 @@ class FooterBar extends React.PureComponent {
intl: PropTypes.object.isRequired,
}
render () {
render() {
const { intl: { formatMessage } } = this.props;
if (!me) return null;

5
app/javascript/gabsocial/features/ui/components/tabs_bar.js
View File

@ -12,6 +12,7 @@ import Avatar from '../../../components/avatar';
import ActionBar from 'gabsocial/features/compose/components/action_bar';
import { openModal } from '../../../actions/modal';
import { openSidebar } from '../../../actions/sidebar';
import Icon from '../../../components/icon';
export const privateLinks = [
<NavLink key='pr0' className='tabs-bar__link--logo' to='/home#' data-preview-title-id='column.home' style={{ padding: '0' }}>
@ -34,6 +35,10 @@ export const privateLinks = [
<i className='tabs-bar__link__icon trends'/>
<FormattedMessage id='tabs_bar.trends' defaultMessage='Trends' />
</a>,
<a key='pl5' className='tabs-bar__link tabs-bar__link--chat' href='https://chat.gab.com' data-preview-title-id='tabs_bar.chat' >
<Icon id='comments' className='tabs-bar__link__icon chat chat--sm' />
<FormattedMessage id='tabs_bar.chat' defaultMessage='Chat' />
</a>,
];
export const publicLinks = [

13
app/javascript/styles/gabsocial/components/tabs-bar.scss
View File

@ -286,6 +286,19 @@
background-image: url('../images/sprite-main-navigation-links.png');
background-size: auto 84px;
&.chat {
font-size: 25px;
padding-top: 6px;
color: #C8C8C8;
background-image: none !important;
&--sm {
font-size: 20px !important;
width: 24px !important;
padding-top: 14px !important;
}
}
@media screen and (max-width: 895px) {
width: 32px;
background-size: auto 120px;