cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-12-25 23:22:06 -05:00
Code Issues Projects Releases Packages Wiki Activity

Cleaned up desktop settings

Browse source
This commit is contained in:
nizune 2021-08-04 10:01:17 +02:00
parent f5e2779983
commit c72df91e3d
1 changed files with 48 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
src/pages/settings/panes/Native.tsx
View file

@ -25,6 +25,7 @@ export function Native(props: Props) {
return ( return (
<div> <div>
<h3>App Behavior</h3> <h3>App Behavior</h3>
<h5>Some options might require a restart.</h5>
<Checkbox <Checkbox
checked={autoStart ?? false} checked={autoStart ?? false}
disabled={typeof autoStart === "undefined"} disabled={typeof autoStart === "undefined"}
@ -40,22 +41,35 @@ export function Native(props: Props) {
description="Launch Revolt when you log into your computer."> description="Launch Revolt when you log into your computer.">
Start with computer Start with computer
</Checkbox> </Checkbox>
<Checkbox <Checkbox
checked={config.hardwareAcceleration} checked={config.discordRPC}
onChange={async (hardwareAcceleration) => { onChange={(discordRPC) => {
window.native.set( window.native.set("discordRPC", discordRPC);
"hardwareAcceleration",
hardwareAcceleration,
);
setHintRelaunch(true);
setConfig({ setConfig({
...config, ...config,
hardwareAcceleration, discordRPC,
}); });
}} }}
description="Use the GPU to render the app, disable if you run into visual issues."> description="Rep Revolt on your Discord status.">
Hardware Acceleration Enable Discord status
</Checkbox> </Checkbox>
<Checkbox
checked={config.build === "nightly"}
onChange={(nightly) => {
const build = nightly ? "nightly" : "stable";
window.native.set("build", build);
setHintReload(true);
setConfig({
...config,
build,
});
}}
description="Use the beta branch of Revolt.">
Revolt Nightly
</Checkbox>
<h3>Titlebar</h3>
<Checkbox <Checkbox
checked={!config.frame} checked={!config.frame}
onChange={(frame) => { onChange={(frame) => {
@ -69,31 +83,36 @@ export function Native(props: Props) {
description={<>Let Revolt use its own window frame.</>}> description={<>Let Revolt use its own window frame.</>}>
Custom window frame Custom window frame
</Checkbox> </Checkbox>
<Checkbox <Checkbox //FIXME: In Titlebar.tsx, enable .quick css
checked={config.discordRPC} disabled={true}
onChange={(discordRPC) => { checked={!config.frame}
window.native.set("discordRPC", discordRPC); onChange={(frame) => {
window.native.set("frame", !frame);
setHintRelaunch(true);
setConfig({ setConfig({
...config, ...config,
discordRPC, frame: !frame,
}); });
}} }}
description={<>Rep Revolt on your Discord status.</>}> description="Show mute/deafen buttons on the titlebar.">
Discord RPC Enable quick action buttons
</Checkbox> </Checkbox>
<h3>Advanced</h3>
<Checkbox <Checkbox
checked={config.build === "nightly"} checked={config.hardwareAcceleration}
onChange={(nightly) => { onChange={async (hardwareAcceleration) => {
const build = nightly ? "nightly" : "stable"; window.native.set(
window.native.set("build", build); "hardwareAcceleration",
setHintReload(true); hardwareAcceleration,
);
setHintRelaunch(true);
setConfig({ setConfig({
...config, ...config,
build, hardwareAcceleration,
}); });
}} }}
description={<>Use the beta branch of Revolt.</>}> description="Uses your GPU to render the app, disable if you run into visual issues.">
Revolt Nightly Hardware Acceleration
</Checkbox> </Checkbox>
<p style={{ display: "flex", gap: "8px" }}> <p style={{ display: "flex", gap: "8px" }}>
<Button <Button
@ -113,7 +132,8 @@ export function Native(props: Props) {
</p> </p>
<h3 style={{ marginTop: "4em" }}>Local Development Mode</h3> <h3 style={{ marginTop: "4em" }}>Local Development Mode</h3>
{config.build === "dev" ? ( {config.build === "dev" ? (
<p> <>
<h5>Development mode is currently on.</h5>
<Button <Button
contrast contrast
compact compact
@ -123,7 +143,7 @@ export function Native(props: Props) {
}}> }}>
Exit Development Mode Exit Development Mode
</Button> </Button>
</p> </>
) : ( ) : (
<> <>
<Checkbox <Checkbox
@ -161,4 +181,4 @@ export function Native(props: Props) {
)} )}
</div> </div>
); );
} }