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

Add notes feature and improved navbar

Browse Source 
Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>
This commit is contained in:
David Ralph
2020-10-17 18:46:27 +01:00
parent c12091c5f0
commit 93edb489f7
6 changed files with 326 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/App.jsx
View File

@@ -31,12 +31,22 @@ export default class App extends React.PureComponent {
};
}
// Render all the components
render() {
componentDidMount() {
if (!localStorage.getItem('firstRun')) SettingsFunctions.setDefaultSettings();
const theme = localStorage.getItem('theme'); // Marketplace themes (WIP)
if (theme) {
const style = document.createElement('link');
style.href = theme;
style.rel = 'stylesheet';
document.head.appendChild(style);
}
}
// Render all the components
render() {
let modalClassList = 'Modal'; // Modal features
// let tooltipClassList = 'tooltiptext';
// let tooltipClassList = 'tooltiptext';
if ((localStorage.getItem('brightnessTime') && new Date().getHours() > 18) || localStorage.getItem('darkTheme') === 'true') {
modalClassList = 'Modal dark';
// tooltipClassList = 'tooltiptext dark';
@@ -46,21 +56,13 @@ export default class App extends React.PureComponent {
const en = require('./translations/en.json'); // User language
const language = merge(en, require(`./translations/${localStorage.getItem('language') || 'en'}.json`));
const theme = localStorage.getItem('theme'); // Marketplace themes (WIP)
if (theme) {
const style = document.createElement('link');
style.href = theme;
style.rel = 'stylesheet';
document.head.appendChild(style);
}
return (
<React.Fragment>
<Background/>
<ToastContainer position='bottom-right' autoClose={2500} newestOnTop={true} closeOnClick rtl={false} pauseOnFocusLoss />
<div id='center'>
<Search language={language.search} />
<Navbar settingsModalOpen={() => this.setState({ mainModal: true })} updateModalOpen={() => this.setState({ updateModal: true })} />
<Navbar mainModalOpen={() => this.setState({ mainModal: true })} updateModalOpen={() => this.setState({ updateModal: true })} />
<Greeting language={language.greeting} />
<Clock/>
<Quote language={language.toasts}/>