mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-15 13:03:55 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: minor changes to tab and prettier

Browse Source
This commit is contained in:
David Ralph
2023-09-17 12:16:57 +01:00
parent fc6d988a52
commit ef3733d534
9 changed files with 65 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/modals/main/settings/sections/background/Background.jsx
View File

@@ -180,7 +180,7 @@ export default class BackgroundSettings extends PureComponent {
{
name: 'Unsplash',
value: 'unsplash',
}
},
]}
name="backgroundAPI"
category="background"

43
src/components/modals/main/tabs/backend/Tabs.jsx
View File

@@ -38,10 +38,11 @@ class Tabs extends PureComponent {
}
render() {
const display = localStorage.getItem('showReminder') === 'true' ? 'flex' : 'none';
const reminderInfo = (
<div className="reminder-info" style={{ display }}>
<div
className="reminder-info"
style={{ display: localStorage.getItem('showReminder') === 'true' ? 'flex' : 'none' }}
>
<div className="shareHeader">
<span className="title">
{variables.getMessage('modals.main.settings.reminder.title')}
@@ -60,24 +61,6 @@ class Tabs extends PureComponent {
</div>
);
let settingsActive = '';
let addonsActive = '';
let marketplaceActive = '';
switch (this.props.current) {
case 'settings':
settingsActive = ' navbar-item-active';
break;
case 'addons':
addonsActive = ' navbar-item-active';
break;
case 'marketplace':
marketplaceActive = ' navbar-item-active';
break;
default:
break;
}
return (
<div style={{ display: 'flex', width: '100%', minHeight: '100%' }}>
<ul className="sidebar">
@@ -96,21 +79,31 @@ class Tabs extends PureComponent {
<ErrorBoundary>
<div className="modalNavbar">
<button
className={'navbar-item' + settingsActive}
className={
this.props.current === 'settings'
? 'navbar-item navbar-item-active'
: 'navbar-item'
}
onClick={() => this.props.changeTab('settings')}
>
<MdSettings />
<span> {variables.getMessage('modals.main.navbar.settings')}</span>
<span>{variables.getMessage('modals.main.navbar.settings')}</span>
</button>
<button
className={'navbar-item' + addonsActive}
className={
this.props.current === 'addons' ? 'navbar-item navbar-item-active' : 'navbar-item'
}
onClick={() => this.props.changeTab('addons')}
>
<MdOutlineExtension />
<span>{variables.getMessage('modals.main.navbar.addons')}</span>
</button>
<button
className={'navbar-item' + marketplaceActive}
className={
this.props.current === 'marketplace'
? 'navbar-item navbar-item-active'
: 'navbar-item'
}
onClick={() => this.props.changeTab('marketplace')}
>
<MdOutlineShoppingBasket />