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

Large update for all components

Browse Source 
reorganization, linting, updating file imports, consolidation
warning: there will be errors in this commit
todo: update webpack, add missing styles, scss files, consolidate the rest of components within features/*
This commit is contained in:
mgabdev
2019-08-07 01:02:36 -04:00
parent 5505f60119
commit 280dc51d85
341 changed files with 8876 additions and 8321 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/gabsocial/components/promo_panel/index.js Normal file
View File

@@ -0,0 +1 @@
export { default } from './promo_panel';

43
app/javascript/gabsocial/components/promo_panel/promo_panel.js Normal file
View File

@@ -0,0 +1,43 @@
import { FormattedMessage } from 'react-intl';
import Icon from 'gabsocial/components/icon';
import './promo_panel.scss';
export default class PromoPanel extends PureComponent {
render() {
return (
<div className='promo-panel'>
<div className='promo-panel__container'>
<div className='promo-panel-item'>
<a className='promo-panel-item__btn button button-alternative-2' href='https://invest.gab.com'>
<Icon id='check-circle' className='promo-panel-item__icon' fixedWidth />
<FormattedMessage id='promo.invest_heading' defaultMessage='Invest in Gab' />
</a>
<p className='promo-panel-item__message'>
<FormattedMessage
id='promo.invest_message'
defaultMessage='Learn more about investing in Gab and our vision for the future.'
/>
</p>
</div>
<div className='promo-panel-item'>
<a className='promo-panel-item__btn button button-alternative-2' href='/invites'>
<Icon id='envelope' className='promo-panel-item__icon' fixedWidth />
<FormattedMessage id='promo.invite_heading' defaultMessage='Invite Friends' />
</a>
<p className='promo-panel-item__message promo-panel-item__message--dark'>
<FormattedMessage
id='promo.invite_message'
defaultMessage='Invite others to be a member of Gab.'
/>
</p>
</div>
</div>
</div>
);
}
}

29
app/javascript/gabsocial/components/promo_panel/promo_panel.scss Normal file
View File

@@ -0,0 +1,29 @@
.promo-panel {
margin-top: 10px;
padding: 10px 10px 20px 10px;
border-bottom: 1px solid lighten($ui-base-color, 4%);
}
.promo-panel-item {
display: block;
&:not(:first-of-type) {
margin-top: 20px;
}
&__icon {
margin-right: 12px;
}
&__message {
display: block;
font-size: 14px;
line-height: 16px;
margin-top: 6px;
color: $primary-text-color;
&--dark {
color: $ui-secondary-color;
}
}
}