bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Developers: display dashcounters

Browse source
This commit is contained in:
Alex Gleason 2021-11-02 00:16:52 -05:00
parent 7c2aacb71e
commit 1ee87fa7a4
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 39 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
app/soapbox/features/developers/index.js
View file

@ -1,7 +1,9 @@
import React from 'react';
import PropTypes from 'prop-types';
import { injectIntl, defineMessages } from 'react-intl';
import { FormattedMessage, injectIntl, defineMessages } from 'react-intl';
import { Link } from 'react-router-dom';
import Column from '../ui/components/column';
import Icon from 'soapbox/components/icon';
const messages = defineMessages({
heading: { id: 'column.developers', defaultMessage: 'Developers' },
@ -19,8 +21,27 @@ class Developers extends React.Component {
return (
<Column heading={intl.formatMessage(messages.heading)}>
<div style={{ padding: '20px 10px', textAlign: 'center' }}>
WIP: Developers page
<div className='dashcounters'>
<div className='dashcounter'>
<Link to='/error'>
<div className='dashcounter__icon'>
<Icon src={require('@tabler/icons/icons/mood-sad.svg')} />
</div>
<div className='dashcounter__label'>
<FormattedMessage id='developers.navigation.intentional_error_label' defaultMessage='Trigger an error' />
</div>
</Link>
</div>
<div className='dashcounter'>
<Link to='/error'>
<div className='dashcounter__icon'>
<Icon src={require('@tabler/icons/icons/mood-sad.svg')} />
</div>
<div className='dashcounter__label'>
<FormattedMessage id='developers.navigation.intentional_error_label' defaultMessage='Trigger an error' />
</div>
</Link>
</div>
</div>
</Column>
);

15
app/styles/components/admin.scss
View file

@ -30,6 +30,7 @@
}
&__num,
&__icon,
&__text {
text-align: center;
font-weight: 500;
@ -39,6 +40,20 @@
margin-bottom: 10px;
}
&__icon {
display: flex;
justify-content: center;
.svg-icon {
width: 48px;
height: 48px;
svg {
stroke-width: 1px;
}
}
}
&__label {
font-size: 14px;
color: hsla(var(--primary-text-color_hsl), 0.6);