chore(pluginCards): warning to few plugins, change restart modal style & more (#88)

* add warning to plugins

* update wording and restart button

* update warning gif
This commit is contained in:
Indiana Jone (Indi) 2024-10-31 21:11:11 -04:00 committed by GitHub
parent 5b79cf56c2
commit f9c12779c8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
12 changed files with 103 additions and 14 deletions

View file

@ -414,14 +414,14 @@ export function openWarningModal(plugin: Plugin, pluginModalProps: ModalProps, o
<Forms.FormSection>
<Flex className="vc-warning-info">
<img
src="https://media.tenor.com/Y6DXKZiBCs8AAAAi/stavario-josefbenes.gif"
src="https://media.tenor.com/hapjxf8y50YAAAAi/stop-sign.gif"
alt="Warning"
/>
<Text className="text-normal">
You are about to reset all settings for <strong>{plugin.name}</strong> to their default values.
</Text>
<Text className="text-danger">
THIS ACTION IS IRREVERSIBLE
<Text className="warning-text">
THIS ACTION IS IRREVERSIBLE!
</Text>
<Text className="text-normal margin-bottom">
If you are certain you want to proceed, click <strong>Confirm Reset</strong>. Otherwise, click <strong>Cancel</strong>.

View file

@ -70,7 +70,10 @@ function ReloadRequiredCard({ required, enabledPlugins, openDisablePluginsModal,
<Forms.FormText className={cl("dep-text")}>
Restart now to apply new plugins and their settings
</Forms.FormText>
<Button onClick={() => location.reload()}>
<Button
className="vc-restart-button"
onClick={() => location.reload()}
>
Restart
</Button>
</>
@ -400,14 +403,14 @@ export default function PluginSettings() {
<Forms.FormSection>
<Flex className="vc-warning-info">
<img
src="https://media.tenor.com/Y6DXKZiBCs8AAAAi/stavario-josefbenes.gif"
src="https://media.tenor.com/hapjxf8y50YAAAAi/stop-sign.gif"
alt="Warning"
/>
<Text className="warning-text">
WARNING: You are about to disable <span>{enabledPlugins.length}</span> plugins!
</Text>
<Text className="warning-text">
THIS ACTION IS IRREVERSIBLE
THIS ACTION IS IRREVERSIBLE!
</Text>
<Text className="text-normal margin-bottom">
Are you absolutely sure you want to proceed? You can always enable them back later.

View file

@ -75,19 +75,27 @@
.vc-plugins-restart-card {
padding: 1em;
background: var(--info-warning-background);
border: 1px solid var(--info-warning-foreground);
border: inherit !important;
color: var(--info-warning-text);
}
.vc-plugins-restart-card button {
margin-top: 0.5em;
background: var(--info-warning-foreground) !important;
}
.vc-plugins-info-button svg:not(:hover, :focus) {
color: var(--text-muted);
}
.vc-restart-button {
background-color: var(--background-color) !important;
border: 1px solid var(--info-warning-foreground);
}
.vc-restart-button:hover {
background-color: var(--info-warning-foreground) !important;
}
.vc-plugin-stats {
background-color: var(--background-secondary-alt);
border-radius: 8px;
@ -221,8 +229,8 @@
/* Specific to disable all modal */
.warning-text {
color: var(--text-danger);
font-size: 1.2rem;
color: var(--text-danger) !important;
font-size: 1.2rem !important;
}
.warning-text span {

View file

@ -91,8 +91,8 @@ function EquicordSettings() {
!IS_WEB && {
key: "transparent",
title: "Enable window transparency.",
note: "You need a theme that supports transparency or this will do nothing. Requires a full restart",
warning: { enabled: true, message: "This will stop the window from being resizable" }
note: "You need a theme that supports transparency or this will do nothing. Requires a full restart!",
warning: { enabled: true, message: "This will stop the window from being resizable." }
},
!IS_WEB && isWindows && {
key: "winCtrlQ",