Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Admin components clean (without sidebar) #1324

Merged
2 changes: 1 addition & 1 deletion src/client/app/components/HeaderButtonsComponent.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -209,7 +209,7 @@ export default function HeaderButtonsComponent() {
disabled={state.shouldAdminButtonDisabled}
tag={Link}
to="/admin">
<FormattedMessage id='admin.panel' />
<FormattedMessage id='admin.settings' />
</DropdownItem>
<DropdownItem divider />
<DropdownItem
Expand Down
21 changes: 2 additions & 19 deletions src/client/app/components/admin/AdminComponent.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,23 +7,12 @@ import { FormattedMessage } from 'react-intl';
import TooltipHelpComponent from '../../components/TooltipHelpComponent';
import TooltipMarkerComponent from '../TooltipMarkerComponent';
import PreferencesComponent from './PreferencesComponent';
import ManageUsersLinkButtonComponent from './users/ManageUsersLinkButtonComponent';

/**
* React component that defines the admin page
* @returns Admin page element
*/
export default function AdminComponent() {

const bottomPaddingStyle: React.CSSProperties = {
paddingBottom: '15px'
};

const sectionTitleStyle: React.CSSProperties = {
fontWeight: 'bold',
margin: 0,
paddingBottom: '5px'
};
const titleStyle: React.CSSProperties = {
textAlign: 'center'
};
Expand All @@ -36,19 +25,13 @@ export default function AdminComponent() {
<TooltipHelpComponent page='admin' />
<div className='container-fluid'>
<h2 style={titleStyle}>
<FormattedMessage id='admin.panel' />
<FormattedMessage id='admin.settings' />
<div style={tooltipStyle}>
<TooltipMarkerComponent page='admin' helpTextId='help.admin.header' />
</div>
</h2>
<div className='row'>
<div className='col-12 col-lg-6'>
<div style={bottomPaddingStyle}>
<p style={sectionTitleStyle}><FormattedMessage id='manage' />:</p>
<div>
<ManageUsersLinkButtonComponent />
</div>
</div>
<div className='col-12 col-lg-6 w-100'>
<PreferencesComponent />
</div>
</div>
Expand Down
Loading
Loading