split up webpack commons into categories & type everything (#455)

This commit is contained in:
Ven 2023-01-25 03:25:29 +01:00 committed by GitHub
parent a38ac956df
commit f19504f828
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
24 changed files with 930 additions and 372 deletions

View file

@ -326,7 +326,9 @@ export default ErrorBoundary.wrap(function PluginSettings() {
<div className={cl("grid")}>
{plugins}
</div>
<Forms.FormDivider />
<Forms.FormDivider className={Margins.marginTop20} />
<Forms.FormTitle tag="h5" className={classes(Margins.marginTop20, Margins.marginBottom8)}>
Required Plugins
</Forms.FormTitle>

View file

@ -45,7 +45,7 @@ function BackupRestoreTab() {
</Text>
<Flex>
<Button
onClick={uploadSettingsBackup}
onClick={() => uploadSettingsBackup()}
size={Button.Sizes.SMALL}
>
Import Settings

View file

@ -75,7 +75,7 @@ function Validators({ themeLinks }: { themeLinks: string[]; }) {
export default ErrorBoundary.wrap(function () {
const settings = useSettings();
const ref = React.useRef<HTMLTextAreaElement>();
const ref = React.useRef<HTMLTextAreaElement>(null);
function onBlur() {
settings.themeLinks = [...new Set(

View file

@ -21,7 +21,7 @@ import "./settingsStyles.css";
import { classNameFactory } from "@api/Styles";
import ErrorBoundary from "@components/ErrorBoundary";
import { findByCodeLazy } from "@webpack";
import { Forms, Router, Text } from "@webpack/common";
import { Forms, SettingsRouter, Text } from "@webpack/common";
import BackupRestoreTab from "./BackupRestoreTab";
import PluginsTab from "./PluginsTab";
@ -65,7 +65,7 @@ function Settings(props: SettingsProps) {
look={TabBar.Looks.BRAND}
className={cl("tab-bar")}
selectedItem={tab}
onItemSelect={Router.open}
onItemSelect={SettingsRouter.open}
>
{Object.entries(SettingsTabs).map(([key, { name, component }]) => {
if (!component) return null;