Settings UI refactor (#2086)

* Full width settings page
* Group settings
* Make config fields optional
* auto save on change
* Add settings context
* Refactor stash library section
* Restructure settings
* Refactor tasks page
* Add collapse buttons for setting groups
* Add collapse buttons in library
* Add loading indicator
* Simplify task options. Add details to manual
* Add manual links to tasks page
* Add help tooltips
* Refactor about page
* Refactor log page
* Refactor tools panel
* Refactor plugin page
* Refactor task queue
* Improve disabled styling
This commit is contained in:
WithoutPants
2021-12-14 15:06:05 +11:00
committed by GitHub
parent b4b955efc8
commit d176e9f192
44 changed files with 3540 additions and 3022 deletions

View File

@@ -1,26 +1,34 @@
import React from "react";
import { Form } from "react-bootstrap";
import { Button } from "react-bootstrap";
import { FormattedMessage } from "react-intl";
import { Link } from "react-router-dom";
import { Setting } from "./Inputs";
import { SettingSection } from "./SettingSection";
export const SettingsToolsPanel: React.FC = () => {
return (
<>
<h4>
<FormattedMessage id="config.tools.scene_tools" />
</h4>
<SettingSection headingID="config.tools.scene_tools">
<Setting
heading={
<Link to="/sceneFilenameParser">
<Button>
<FormattedMessage id="config.tools.scene_filename_parser.title" />
</Button>
</Link>
}
/>
<Form.Group>
<Link to="/sceneFilenameParser">
<FormattedMessage id="config.tools.scene_filename_parser.title" />
</Link>
</Form.Group>
<Form.Group>
<Link to="/sceneDuplicateChecker">
<FormattedMessage id="config.tools.scene_duplicate_checker" />
</Link>
</Form.Group>
<Setting
heading={
<Link to="/sceneDuplicateChecker">
<Button>
<FormattedMessage id="config.tools.scene_duplicate_checker" />
</Button>
</Link>
}
/>
</SettingSection>
</>
);
};