diff options
Diffstat (limited to 'src/components/Settings.tsx')
-rw-r--r-- | src/components/Settings.tsx | 140 |
1 files changed, 0 insertions, 140 deletions
diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx deleted file mode 100644 index f8e7495..0000000 --- a/src/components/Settings.tsx +++ /dev/null @@ -1,140 +0,0 @@ -/* - * Vencord, a modification for Discord's desktop app - * Copyright (c) 2022 Vendicated and contributors - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU General Public License as published by - * the Free Software Foundation, either version 3 of the License, or - * (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU General Public License for more details. - * - * You should have received a copy of the GNU General Public License - * along with this program. If not, see <https://www.gnu.org/licenses/>. -*/ - -import { useSettings } from "../api/settings"; -import IpcEvents from "../utils/IpcEvents"; -import { useAwaiter } from "../utils/misc"; -import { downloadSettingsBackup, uploadSettingsBackup } from "../utils/settingsSync"; -import { Button, Card, Forms, Margins, React, Switch } from "../webpack/common"; -import DonateButton from "./DonateButton"; -import ErrorBoundary from "./ErrorBoundary"; -import { Flex } from "./Flex"; -import { handleComponentFailed } from "./handleComponentFailed"; - -export default ErrorBoundary.wrap(function Settings() { - const [settingsDir, , settingsDirPending] = useAwaiter(() => VencordNative.ipc.invoke<string>(IpcEvents.GET_SETTINGS_DIR), "Loading..."); - const settings = useSettings(); - - return ( - <Forms.FormSection tag="h1" title="Vencord"> - <Card style={{ - padding: "1em", - display: "flex", - flexDirection: "row", - marginBottom: "1em" - }}> - <div> - <Forms.FormTitle tag="h5">Support the Project</Forms.FormTitle> - <Forms.FormText> - Please consider supporting the Development of Vencord by donating! - </Forms.FormText> - <DonateButton style={{ transform: "translateX(-1em)" }} /> - </div> - <img - role="presentation" - src="https://cdn.discordapp.com/emojis/1026533090627174460.png" - alt="" - style={{ marginLeft: "auto", transform: "rotate(10deg)" }} - /> - </Card> - - <Forms.FormTitle tag="h5"> - Settings - </Forms.FormTitle> - - <Forms.FormText className={Margins.marginBottom8}> - Settings Directory: <code style={{ userSelect: "text", cursor: "text" }}>{settingsDir}</code> - </Forms.FormText> - - {!IS_WEB && <Flex className={Margins.marginBottom20}> - <Button - onClick={() => window.DiscordNative.app.relaunch()} - size={Button.Sizes.SMALL} - color={Button.Colors.GREEN} - > - Reload - </Button> - <Button - onClick={() => window.DiscordNative.fileManager.showItemInFolder(settingsDir)} - size={Button.Sizes.SMALL} - disabled={settingsDirPending} - > - Launch Directory - </Button> - <Button - onClick={() => VencordNative.ipc.invoke(IpcEvents.OPEN_MONACO_EDITOR)} - size={Button.Sizes.SMALL} - disabled={settingsDir === "Loading..."} - > - Open QuickCSS File - </Button> - </Flex>} - - {IS_WEB && <Button - onClick={() => require("./Monaco").launchMonacoEditor()} - size={Button.Sizes.SMALL} - disabled={settingsDir === "Loading..."} - > - Open QuickCSS File - </Button>} - - <Forms.FormDivider /> - <Switch - value={settings.useQuickCss} - onChange={(v: boolean) => settings.useQuickCss = v} - note="Loads styles from your QuickCss file" - > - Use QuickCss - </Switch> - {!IS_WEB && <Switch - value={settings.enableReactDevtools} - onChange={(v: boolean) => settings.enableReactDevtools = v} - note="Requires a full restart" - > - Enable React Developer Tools - </Switch>} - {!IS_WEB && <Switch - value={settings.notifyAboutUpdates} - onChange={(v: boolean) => settings.notifyAboutUpdates = v} - note="Shows a Toast on StartUp" - > - Get notified about new Updates - </Switch>} - - <Forms.FormDivider /> - <Forms.FormTitle tag="h5">Settings Sync</Forms.FormTitle> - <Flex> - <Button - onClick={uploadSettingsBackup} - size={Button.Sizes.SMALL} - > - Import Settings - </Button> - <Button - onClick={downloadSettingsBackup} - size={Button.Sizes.SMALL} - > - Export Settings - </Button> - </Flex> - </Forms.FormSection > - ); -}, { - message: "Failed to render the Settings. If this persists, try using the installer to reinstall!", - onError: handleComponentFailed, -}); |