Added button to hide settings panel

Author: AndreasArvidsson

src/renderer/Settings.tsx

@@ -64,6 +64,14 @@ export function Settings({ config }: Props): JSX.Element {
             >
                 {texts.limit.title}
             </InputNumber>
+
+            <button
+                className="btn btn-sm btn-primary mt-3"
+                title={texts.hideSettings.desc}
+                onClick={() => apiRenderer.command({ id: "hideSettings" })}
+            >
+                {texts.hideSettings.title}
+            </button>
         </main>
     );
 }

src/renderer/texts.ts

@@ -30,6 +30,10 @@ export const texts: Record<TextId, Text> = {
         title: "Settings",
         desc: "When enabled, show settings panel",
     },
+    hideSettings: {
+        title: "Hide settings",
+        desc: "Hide settings panel",
+    },
     limit: {
         title: "Limit",
         desc: "Maximum number of clipboard items to store",
@@ -50,6 +54,7 @@ type TextId =
     | "paused"
     | "autoStar"
     | "showSettings"
+    | "hideSettings"
     | "limit";
 
 interface Text {