mirror of
https://github.com/stashapp/stash.git
synced 2025-12-16 05:13:46 +01:00
3ae187e6f0
* Update zh-tw string table (till 975343d2)
* Prepare localization table
* Implement i18n for Performers & Tags
* Add "add" action strings
* Use Lodash merge for deep merging language JSONs
The original implementation does not properly merge language files, causing unexpected localization string fallback behavior.
* Localize pagination strings
* Use Field name value as null id fallback
...otherwise FormattedMessage is gonna throw when the ID is null
* Use localized "Path" string for all instances
* Localize the "Interface" tab under settings
* Localize scene & performer cards
* Rename locale folder for better compatibility with i18n-ally
* Localize majority of the categories and features
114 lines
4.2 KiB
TypeScript
114 lines
4.2 KiB
TypeScript
import React from "react";
|
|
import queryString from "query-string";
|
|
import { Card, Tab, Nav, Row, Col } from "react-bootstrap";
|
|
import { useHistory, useLocation } from "react-router-dom";
|
|
import { FormattedMessage } from "react-intl";
|
|
import { SettingsAboutPanel } from "./SettingsAboutPanel";
|
|
import { SettingsConfigurationPanel } from "./SettingsConfigurationPanel";
|
|
import { SettingsInterfacePanel } from "./SettingsInterfacePanel/SettingsInterfacePanel";
|
|
import { SettingsLogsPanel } from "./SettingsLogsPanel";
|
|
import { SettingsTasksPanel } from "./SettingsTasksPanel/SettingsTasksPanel";
|
|
import { SettingsPluginsPanel } from "./SettingsPluginsPanel";
|
|
import { SettingsScrapersPanel } from "./SettingsScrapersPanel";
|
|
import { SettingsToolsPanel } from "./SettingsToolsPanel";
|
|
import { SettingsDLNAPanel } from "./SettingsDLNAPanel";
|
|
|
|
export const Settings: React.FC = () => {
|
|
const location = useLocation();
|
|
const history = useHistory();
|
|
const defaultTab = queryString.parse(location.search).tab ?? "tasks";
|
|
|
|
const onSelect = (val: string) => history.push(`?tab=${val}`);
|
|
|
|
return (
|
|
<Card className="col col-lg-9 mx-auto">
|
|
<Tab.Container
|
|
activeKey={defaultTab}
|
|
id="configuration-tabs"
|
|
onSelect={(tab) => tab && onSelect(tab)}
|
|
>
|
|
<Row>
|
|
<Col sm={3} md={2}>
|
|
<Nav variant="pills" className="flex-column">
|
|
<Nav.Item>
|
|
<Nav.Link eventKey="configuration">
|
|
<FormattedMessage id="configuration" />
|
|
</Nav.Link>
|
|
</Nav.Item>
|
|
<Nav.Item>
|
|
<Nav.Link eventKey="interface">
|
|
<FormattedMessage id="config.categories.interface" />
|
|
</Nav.Link>
|
|
</Nav.Item>
|
|
<Nav.Item>
|
|
<Nav.Link eventKey="tasks">
|
|
<FormattedMessage id="config.categories.tasks" />
|
|
</Nav.Link>
|
|
</Nav.Item>
|
|
<Nav.Item>
|
|
<Nav.Link eventKey="dlna">DLNA</Nav.Link>
|
|
</Nav.Item>
|
|
<Nav.Item>
|
|
<Nav.Link eventKey="tools">
|
|
<FormattedMessage id="config.categories.tools" />
|
|
</Nav.Link>
|
|
</Nav.Item>
|
|
<Nav.Item>
|
|
<Nav.Link eventKey="scrapers">
|
|
<FormattedMessage id="config.categories.scrapers" />
|
|
</Nav.Link>
|
|
</Nav.Item>
|
|
<Nav.Item>
|
|
<Nav.Link eventKey="plugins">
|
|
<FormattedMessage id="config.categories.plugins" />
|
|
</Nav.Link>
|
|
</Nav.Item>
|
|
<Nav.Item>
|
|
<Nav.Link eventKey="logs">
|
|
<FormattedMessage id="config.categories.logs" />
|
|
</Nav.Link>
|
|
</Nav.Item>
|
|
<Nav.Item>
|
|
<Nav.Link eventKey="about">
|
|
<FormattedMessage id="config.categories.about" />
|
|
</Nav.Link>
|
|
</Nav.Item>
|
|
<hr className="d-sm-none" />
|
|
</Nav>
|
|
</Col>
|
|
<Col sm={9} md={10}>
|
|
<Tab.Content>
|
|
<Tab.Pane eventKey="configuration">
|
|
<SettingsConfigurationPanel />
|
|
</Tab.Pane>
|
|
<Tab.Pane eventKey="interface">
|
|
<SettingsInterfacePanel />
|
|
</Tab.Pane>
|
|
<Tab.Pane eventKey="tasks">
|
|
<SettingsTasksPanel />
|
|
</Tab.Pane>
|
|
<Tab.Pane eventKey="dlna" unmountOnExit>
|
|
<SettingsDLNAPanel />
|
|
</Tab.Pane>
|
|
<Tab.Pane eventKey="tools" unmountOnExit>
|
|
<SettingsToolsPanel />
|
|
</Tab.Pane>
|
|
<Tab.Pane eventKey="scrapers" unmountOnExit>
|
|
<SettingsScrapersPanel />
|
|
</Tab.Pane>
|
|
<Tab.Pane eventKey="plugins" unmountOnExit>
|
|
<SettingsPluginsPanel />
|
|
</Tab.Pane>
|
|
<Tab.Pane eventKey="logs" unmountOnExit>
|
|
<SettingsLogsPanel />
|
|
</Tab.Pane>
|
|
<Tab.Pane eventKey="about" unmountOnExit>
|
|
<SettingsAboutPanel />
|
|
</Tab.Pane>
|
|
</Tab.Content>
|
|
</Col>
|
|
</Row>
|
|
</Tab.Container>
|
|
</Card>
|
|
);
|
|
};
|