diff --git a/index.tsx b/index.tsx
index 5f87586..7b764c9 100644
--- a/index.tsx
+++ b/index.tsx
@@ -1,3 +1,5 @@
+import "./style.css";
+
import { definePluginSettings } from "@api/Settings";
import { Devs } from "@utils/constants";
import definePlugin, { OptionType } from "@utils/types";
@@ -110,11 +112,20 @@ function InputDeviceComponent() {
}
function VoiceSettings() {
+ const [showSettings, setShowSettings] = useState(Settings.plugins.VCPanelSettings.uncollapseSettingsByDefault);
return
- {Settings.plugins.VCPanelSettings.outputVolume &&
}
- {Settings.plugins.VCPanelSettings.inputVolume &&
}
- {Settings.plugins.VCPanelSettings.outputDevice &&
}
- {Settings.plugins.VCPanelSettings.inputDevice &&
}
+
+ { setShowSettings(!showSettings); }}>{!showSettings ? "► Settings" : "▼ Hide"}
+
+
+ {
+ showSettings && <>
+ {Settings.plugins.VCPanelSettings.outputVolume &&
}
+ {Settings.plugins.VCPanelSettings.inputVolume &&
}
+ {Settings.plugins.VCPanelSettings.outputDevice &&
}
+ {Settings.plugins.VCPanelSettings.inputDevice &&
}
+ >
+ }
;
}
@@ -123,46 +134,67 @@ export default definePlugin({
description: "Control voice settings right from the voice panel",
authors: [Devs.nin0dev],
settings: definePluginSettings({
- showOutputVolumeHeader: {
+ title1: {
+ type: OptionType.COMPONENT,
+ component: () =>