hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Tweak more UI of preferences

Browse Source 
Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>
This commit is contained in:
Janne Savolainen 2022-10-14 08:21:47 +03:00
parent f2de81cf81
commit ce1adc0695
No known key found for this signature in database
GPG Key ID: 8C6CFB2FFFE8F68A
14 changed files with 44 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
View File

@ -332,9 +332,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</section> </section>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="kube-sync" id="kube-sync"
> >
@ -369,9 +367,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</div> </div>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="helm" id="helm"
> >
@ -933,9 +929,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</section> </section>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="kube-sync" id="kube-sync"
> >
@ -970,9 +964,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</div> </div>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="helm" id="helm"
> >
@ -1545,9 +1537,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</section> </section>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="kube-sync" id="kube-sync"
> >
@ -1582,9 +1572,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</div> </div>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="helm" id="helm"
> >
@ -2268,9 +2256,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</section> </section>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="kube-sync" id="kube-sync"
> >
@ -2305,9 +2291,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</div> </div>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="helm" id="helm"
> >
@ -2888,9 +2872,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</section> </section>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="kube-sync" id="kube-sync"
> >
@ -2925,9 +2907,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</div> </div>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="helm" id="helm"
> >
@ -3611,9 +3591,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</section> </section>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="kube-sync" id="kube-sync"
> >
@ -3648,9 +3626,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</div> </div>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="helm" id="helm"
> >
@ -4516,9 +4492,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</section> </section>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="kube-sync" id="kube-sync"
> >
@ -4553,9 +4527,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</div> </div>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="helm" id="helm"
> >
@ -5239,9 +5211,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</section> </section>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="kube-sync" id="kube-sync"
> >
@ -5276,9 +5246,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</div> </div>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="helm" id="helm"
> >
@ -6144,9 +6112,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</section> </section>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="kube-sync" id="kube-sync"
> >
@ -6181,9 +6147,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</div> </div>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="helm" id="helm"
> >
@ -6868,9 +6832,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</section> </section>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="kube-sync" id="kube-sync"
> >
@ -6905,9 +6867,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</div> </div>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="helm" id="helm"
> >
@ -7488,9 +7448,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</section> </section>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="kube-sync" id="kube-sync"
> >
@ -7525,9 +7483,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</div> </div>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="helm" id="helm"
> >
@ -8097,9 +8053,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</section> </section>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="kube-sync" id="kube-sync"
> >
@ -8134,9 +8088,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div> </div>
</div> </div>
</section> </section>
<hr <hr />
class="horizontalLine"
/>
<section <section
id="helm" id="helm"
> >

4
src/features/preferences/renderer/preference-items/application/application-preference-page.injectable.ts → src/features/preferences/renderer/preference-items/application/application-preference-page.injectable.tsx
View File

@ -5,7 +5,7 @@
import { getInjectable } from "@ogre-tools/injectable"; import { getInjectable } from "@ogre-tools/injectable";
import { preferenceItemInjectionToken } from "../preference-item-injection-token"; import { preferenceItemInjectionToken } from "../preference-item-injection-token";
import { ApplicationPreferencePage } from "./application-preference-page"; import { ApplicationPreferencePage } from "./application-preference-page";
import { HorizontalLine } from "../../../../../renderer/components/+preferences/horizontal-line/horizontal-line"; import React from "react";
const applicationPreferencePageInjectable = getInjectable({ const applicationPreferencePageInjectable = getInjectable({
id: "application-preference-page", id: "application-preference-page",
@ -16,7 +16,7 @@ const applicationPreferencePageInjectable = getInjectable({
parentId: "application-tab", parentId: "application-tab",
orderNumber: 0, orderNumber: 0,
Component: ApplicationPreferencePage, Component: ApplicationPreferencePage,
childrenSeparator: HorizontalLine, childrenSeparator: () => <hr />,
}), }),
injectionToken: preferenceItemInjectionToken, injectionToken: preferenceItemInjectionToken,

2
src/features/preferences/renderer/preference-items/editor/editor-preference-page.injectable.ts
View File

@ -5,7 +5,6 @@
import { getInjectable } from "@ogre-tools/injectable"; import { getInjectable } from "@ogre-tools/injectable";
import { preferenceItemInjectionToken } from "../preference-item-injection-token"; import { preferenceItemInjectionToken } from "../preference-item-injection-token";
import { EditorPreferencePage } from "./editor-preference-page"; import { EditorPreferencePage } from "./editor-preference-page";
import { HorizontalLine } from "../../../../../renderer/components/+preferences/horizontal-line/horizontal-line";
const editorPreferencePageInjectable = getInjectable({ const editorPreferencePageInjectable = getInjectable({
id: "editor-preference-page", id: "editor-preference-page",
@ -16,7 +15,6 @@ const editorPreferencePageInjectable = getInjectable({
parentId: "editor-tab", parentId: "editor-tab",
orderNumber: 0, orderNumber: 0,
Component: EditorPreferencePage, Component: EditorPreferencePage,
childrenSeparator: HorizontalLine,
}), }),
injectionToken: preferenceItemInjectionToken, injectionToken: preferenceItemInjectionToken,

4
src/features/preferences/renderer/preference-items/kubernetes/kubernetes-preference-page.injectable.ts → src/features/preferences/renderer/preference-items/kubernetes/kubernetes-preference-page.injectable.tsx
View File

@ -5,7 +5,7 @@
import { getInjectable } from "@ogre-tools/injectable"; import { getInjectable } from "@ogre-tools/injectable";
import { preferenceItemInjectionToken } from "../preference-item-injection-token"; import { preferenceItemInjectionToken } from "../preference-item-injection-token";
import { KubernetesPage } from "./kubernetes-page"; import { KubernetesPage } from "./kubernetes-page";
import { HorizontalLine } from "../../../../../renderer/components/+preferences/horizontal-line/horizontal-line"; import React from "react";
const kubernetesPreferencePageInjectable = getInjectable({ const kubernetesPreferencePageInjectable = getInjectable({
id: "kubernetes-preference-page", id: "kubernetes-preference-page",
@ -16,7 +16,7 @@ const kubernetesPreferencePageInjectable = getInjectable({
parentId: "kubernetes-tab", parentId: "kubernetes-tab",
orderNumber: 0, orderNumber: 0,
Component: KubernetesPage, Component: KubernetesPage,
childrenSeparator: HorizontalLine, childrenSeparator: () => <hr />,
}), }),
injectionToken: preferenceItemInjectionToken, injectionToken: preferenceItemInjectionToken,

4
src/features/preferences/renderer/preference-items/proxy/allow-untrusted-certificates/allow-untrusted-certificates.tsx
View File

@ -15,7 +15,7 @@ interface Dependencies {
} }
const NonInjectedAllowUntrustedCertificates = observer(({ userStore }: Dependencies) => ( const NonInjectedAllowUntrustedCertificates = observer(({ userStore }: Dependencies) => (
<div> <section className="small">
<SubTitle title="Certificate Trust" /> <SubTitle title="Certificate Trust" />
<Switch <Switch
checked={userStore.allowUntrustedCAs} checked={userStore.allowUntrustedCAs}
@ -30,7 +30,7 @@ const NonInjectedAllowUntrustedCertificates = observer(({ userStore }: Dependenc
validations. Needed with some corporate proxies that do certificate validations. Needed with some corporate proxies that do certificate
re-writing. Does not affect cluster communications! re-writing. Does not affect cluster communications!
</small> </small>
</div> </section>
)); ));
export const AllowUntrustedCertificates = withInjectables<Dependencies>( export const AllowUntrustedCertificates = withInjectables<Dependencies>(

4
src/features/preferences/renderer/preference-items/proxy/proxy-preference-page.injectable.ts → src/features/preferences/renderer/preference-items/proxy/proxy-preference-page.injectable.tsx
View File

@ -5,7 +5,7 @@
import { getInjectable } from "@ogre-tools/injectable"; import { getInjectable } from "@ogre-tools/injectable";
import { preferenceItemInjectionToken } from "../preference-item-injection-token"; import { preferenceItemInjectionToken } from "../preference-item-injection-token";
import { ProxyPreferencePage } from "./proxy-preference-page"; import { ProxyPreferencePage } from "./proxy-preference-page";
import { HorizontalLine } from "../../../../../renderer/components/+preferences/horizontal-line/horizontal-line"; import React from "react";
const proxyPreferencePageInjectable = getInjectable({ const proxyPreferencePageInjectable = getInjectable({
id: "proxy-preference-page", id: "proxy-preference-page",
@ -16,7 +16,7 @@ const proxyPreferencePageInjectable = getInjectable({
parentId: "proxy-tab", parentId: "proxy-tab",
orderNumber: 0, orderNumber: 0,
Component: ProxyPreferencePage, Component: ProxyPreferencePage,
childrenSeparator: HorizontalLine, childrenSeparator: () => <hr className="small" />,
}), }),
injectionToken: preferenceItemInjectionToken, injectionToken: preferenceItemInjectionToken,

4
src/features/preferences/renderer/preference-items/telemetry/telemetry-preference-page.injectable.ts → src/features/preferences/renderer/preference-items/telemetry/telemetry-preference-page.injectable.tsx
View File

@ -5,7 +5,7 @@
import { getInjectable } from "@ogre-tools/injectable"; import { getInjectable } from "@ogre-tools/injectable";
import { preferenceItemInjectionToken } from "../preference-item-injection-token"; import { preferenceItemInjectionToken } from "../preference-item-injection-token";
import { TelemetryPage } from "./telemetry-page"; import { TelemetryPage } from "./telemetry-page";
import { HorizontalLine } from "../../../../../renderer/components/+preferences/horizontal-line/horizontal-line"; import React from "react";
const telemetryPreferencePageInjectable = getInjectable({ const telemetryPreferencePageInjectable = getInjectable({
id: "telemetry-preference-page", id: "telemetry-preference-page",
@ -16,7 +16,7 @@ const telemetryPreferencePageInjectable = getInjectable({
parentId: "telemetry-tab", parentId: "telemetry-tab",
orderNumber: 0, orderNumber: 0,
Component: TelemetryPage, Component: TelemetryPage,
childrenSeparator: HorizontalLine, childrenSeparator: () => <hr className="small" />,
}), }),
injectionToken: preferenceItemInjectionToken, injectionToken: preferenceItemInjectionToken,

4
src/features/preferences/renderer/preference-items/terminal/copy-paste-from-terminal/copy-paste-from-terminal.tsx
View File

@ -18,7 +18,7 @@ const NonInjectedCopyPasteFromTerminal = observer(
({ userStore }: Dependencies) => { ({ userStore }: Dependencies) => {
return ( return (
<div> <section id="terminalSelection">
<SubTitle title="Terminal copy & paste" /> <SubTitle title="Terminal copy & paste" />
<Switch <Switch
checked={userStore.terminalCopyOnSelect} checked={userStore.terminalCopyOnSelect}
@ -26,7 +26,7 @@ const NonInjectedCopyPasteFromTerminal = observer(
> >
Copy on select and paste on right-click Copy on select and paste on right-click
</Switch> </Switch>
</div> </section>
); );
}, },
); );

2
src/features/preferences/renderer/preference-items/terminal/terminal-font-family/terminal-font-family-preference-item.injectable.ts
View File

@ -13,7 +13,7 @@ const terminalFontFamilyPreferenceItemInjectable = getInjectable({
kind: "item" as const, kind: "item" as const,
id: "terminal-font-family-preference-item", id: "terminal-font-family-preference-item",
parentId: "terminal-page", parentId: "terminal-page",
orderNumber: 40, orderNumber: 50,
Component: TerminalFontFamily, Component: TerminalFontFamily,
}), }),

2
src/features/preferences/renderer/preference-items/terminal/terminal-font-size/terminal-font-size-preference-item.injectable.ts
View File

@ -13,7 +13,7 @@ const terminalFontSizePreferenceItemInjectable = getInjectable({
kind: "item" as const, kind: "item" as const,
id: "terminal-font-size-preference-item", id: "terminal-font-size-preference-item",
parentId: "terminal-page", parentId: "terminal-page",
orderNumber: 30, orderNumber: 40,
Component: TerminalFontSize, Component: TerminalFontSize,
}), }),

4
src/features/preferences/renderer/preference-items/terminal/terminal-font-size/terminal-font-size.tsx
View File

@ -18,7 +18,7 @@ const NonInjectedTerminalFontSize = observer(
({ userStore }: Dependencies) => { ({ userStore }: Dependencies) => {
return ( return (
<div> <section>
<SubTitle title="Font size" /> <SubTitle title="Font size" />
<Input <Input
theme="round-black" theme="round-black"
@ -28,7 +28,7 @@ const NonInjectedTerminalFontSize = observer(
defaultValue={userStore.terminalConfig.fontSize.toString()} defaultValue={userStore.terminalConfig.fontSize.toString()}
onChange={(value) => userStore.terminalConfig.fontSize = Number(value)} onChange={(value) => userStore.terminalConfig.fontSize = Number(value)}
/> />
</div> </section>
); );
}, },
); );

2
src/features/preferences/renderer/preference-items/terminal/terminal-page-preference-item.injectable.ts → src/features/preferences/renderer/preference-items/terminal/terminal-page-preference-item.injectable.tsx
View File

@ -5,7 +5,6 @@
import { getInjectable } from "@ogre-tools/injectable"; import { getInjectable } from "@ogre-tools/injectable";
import { preferenceItemInjectionToken } from "../preference-item-injection-token"; import { preferenceItemInjectionToken } from "../preference-item-injection-token";
import { TerminalPage } from "./terminal-page"; import { TerminalPage } from "./terminal-page";
import { HorizontalLine } from "../../../../../renderer/components/+preferences/horizontal-line/horizontal-line";
const terminalPagePreferenceItemInjectable = getInjectable({ const terminalPagePreferenceItemInjectable = getInjectable({
id: "terminal-preference-page", id: "terminal-preference-page",
@ -16,7 +15,6 @@ const terminalPagePreferenceItemInjectable = getInjectable({
parentId: "terminal-tab", parentId: "terminal-tab",
orderNumber: 0, orderNumber: 0,
Component: TerminalPage, Component: TerminalPage,
childrenSeparator: HorizontalLine,
}), }),
injectionToken: preferenceItemInjectionToken, injectionToken: preferenceItemInjectionToken,

4
src/features/preferences/renderer/preference-items/terminal/terminal-shell-path/terminal-shell-path.tsx
View File

@ -20,7 +20,7 @@ const NonInjectedTerminalShellPath = observer(
({ userStore, defaultShell }: Dependencies) => { ({ userStore, defaultShell }: Dependencies) => {
return ( return (
<div> <section id="shell">
<SubTitle title="Terminal Shell Path" /> <SubTitle title="Terminal Shell Path" />
<Input <Input
theme="round-black" theme="round-black"
@ -28,7 +28,7 @@ const NonInjectedTerminalShellPath = observer(
value={userStore.shell ?? ""} value={userStore.shell ?? ""}
onChange={(value) => userStore.shell = value} onChange={(value) => userStore.shell = value}
/> />
</div> </section>
); );
}, },

4
src/features/preferences/renderer/preference-items/terminal/terminal-theme/terminal-theme.tsx
View File

@ -32,7 +32,7 @@ const NonInjectedTerminalTheme = observer(
]; ];
return ( return (
<div> <section id="terminalTheme">
<SubTitle title="Terminal theme" /> <SubTitle title="Terminal theme" />
<Select <Select
id="terminal-theme-input" id="terminal-theme-input"
@ -41,7 +41,7 @@ const NonInjectedTerminalTheme = observer(
value={userStore.terminalTheme} value={userStore.terminalTheme}
onChange={option => userStore.terminalTheme = option?.value ?? ""} onChange={option => userStore.terminalTheme = option?.value ?? ""}
/> />
</div> </section>
); );
}, },
); );