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

improve modals

Browse Source
This commit is contained in:
David Ralph
2021-03-01 12:06:02 +00:00
parent 30a3d87431
commit 7105360b31
11 changed files with 72 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/modals/tabs/Settings.jsx
View File

@@ -23,16 +23,16 @@ export default function Settings (props) {
<Quote language={props.language.sections.quote}/>
</div>
<div label={props.language.sections.greeting.title}>
<Greeting language={props.language} toastLanguage={props.toastLanguage} />
<Greeting language={props.language.sections.greeting} toastLanguage={props.language.toasts} />
</div>
<div label={props.language.sections.background.title}>
<Background language={props.language} toastLanguage={props.toastLanguage}/>
<Background language={props.language.sections.background} toastLanguage={props.toastLanguage}/>
</div>
<div label={props.language.sections.search.title}>
<Search language={props.language}/>
<Search language={props.language.sections.search}/>
</div>
<div label={props.language.sections.appearance}>
<Appearance language={props.language} toastLanguage={props.toastLanguage}/>
<Appearance language={props.language.sections.appearance} toastLanguage={props.toastLanguage}/>
</div>
<div label={props.language.sections.language}>
<Language language={props.language}/>

3
src/components/modals/tabs/backend/Tabs.jsx
View File

@@ -1,6 +1,7 @@
import React from 'react';
import Tab from './Tab';
import ErrorBoundary from '../../../ErrorBoundary';
export default class Tabs extends React.PureComponent {
constructor(props) {
@@ -43,10 +44,12 @@ export default class Tabs extends React.PureComponent {
})}
</ul>
<div className={tabClass}>
<ErrorBoundary>
{this.props.children.map((child) => {
if (child.props.label !== this.state.currentTab) return undefined;
return child.props.children;
})}
</ErrorBoundary>
</div>
</span>
);