60 lines
1.8 KiB
JavaScript
60 lines
1.8 KiB
JavaScript
|
import React from 'react';
|
||
|
|
import Icon from 'soapbox/components/icon';
|
||
|
|
import { Link } from 'react-router-dom';
|
||
|
|
|
||
|
|
export default class FeaturesPanel extends React.PureComponent {
|
||
|
|
|
||
|
|
render() {
|
||
|
|
return (
|
||
|
|
<div className='wtf-panel promo-panel'>
|
||
|
|
<div className='promo-panel__container'>
|
||
|
|
|
||
|
|
<div className='promo-panel-item'>
|
||
|
|
<Link className='promo-panel-item__btn' to='/settings/profile'>
|
||
|
|
<Icon id='user' className='promo-panel-item__icon' fixedWidth />
|
||
|
|
Edit Profile
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className='promo-panel-item'>
|
||
|
|
<Link className='promo-panel-item__btn' to='/messages'>
|
||
|
|
<Icon id='envelope' className='promo-panel-item__icon' fixedWidth />
|
||
|
|
Messages
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className='promo-panel-item'>
|
||
|
|
<Link className='promo-panel-item__btn' to='/bookmarks'>
|
||
|
|
<Icon id='bookmark' className='promo-panel-item__icon' fixedWidth />
|
||
|
|
Bookmarks
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className='promo-panel-item'>
|
||
|
|
<Link className='promo-panel-item__btn' to='/lists'>
|
||
|
|
<Icon id='list' className='promo-panel-item__icon' fixedWidth />
|
||
|
|
Lists
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className='promo-panel-item'>
|
||
|
|
<Link className='promo-panel-item__btn' to='/auth/edit'>
|
||
|
|
<Icon id='lock' className='promo-panel-item__icon' fixedWidth />
|
||
|
|
Security
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className='promo-panel-item'>
|
||
|
|
<Link className='promo-panel-item__btn' to='/settings/preferences'>
|
||
|
|
<Icon id='cog' className='promo-panel-item__icon' fixedWidth />
|
||
|
|
Preferences
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|