feat: new colour picker

- General Fixes
- Event UI change
- Marketplace Collection UI Changes

Co-authored-by: David Ralph <me@davidcralph.co.uk>
Co-authored-by: Isaac <contact@eartharoid.me>
This commit is contained in:
alexsparkes
2024-05-17 16:29:32 +01:00
parent ea5cba2e17
commit b102269161
48 changed files with 417 additions and 1007 deletions

View File

@@ -11,7 +11,7 @@ import {
import { exportSettings, importSettings } from 'utils/settings';
import { FileUpload, Text, Switch, Dropdown } from 'components/Form/Settings';
import { ResetModal } from 'components/Elements';
import { ResetModal, Button } from 'components/Elements';
import { Header, Section, Row, Content, Action } from 'components/Layout/Settings';
@@ -32,19 +32,10 @@ function AdvancedOptions() {
'modals.main.settings.sections.advanced.data_description',
)}
/>
<div className="action activityButtons">
<button onClick={() => setResetModal(true)}>
{variables.getMessage('modals.main.settings.buttons.reset')}
<ResetIcon />
</button>
<button onClick={() => exportSettings()}>
{variables.getMessage('modals.main.settings.buttons.export')}
<ExportIcon />
</button>
<button onClick={() => document.getElementById('file-input').click()}>
{variables.getMessage('modals.main.settings.buttons.import')}
<ImportIcon />
</button>
<div className="resetDataButtonsLayout">
<Button onClick={() => setResetModal(true)} icon={<ResetIcon />} label={variables.getMessage('modals.main.settings.buttons.reset')} />
<Button onClick={() => exportSettings()} icon={<ExportIcon />} label={variables.getMessage('modals.main.settings.buttons.export')} />
<Button onClick={() => document.getElementById('file-input').click()} icon={<ImportIcon />} label={variables.getMessage('modals.main.settings.buttons.import')} />
</div>
<FileUpload
id="file-input"

View File

@@ -76,6 +76,7 @@ class Overview extends PureComponent {
toast(variables.getMessage('toasts.reset'));
};
enabled = (setting) => {
switch (setting) {
case 'quicklinks':
@@ -160,14 +161,14 @@ class Overview extends PureComponent {
})}
</div>
</div>
<div className="overviewNews">
{/*<div className="overviewNews">
<span className="title">{this.state.news.title}</span>
<span className="subtitle">{this.state.news.date}</span>
<span className="content">{this.state.news.description}</span>
<a className="link" href={this.state.news.link}>
{this.state.news.linkText}
</a>
</div>
</div>*/}
</div>
<div>
<span className="title">