1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Use cssNames utility for classname

Signed-off-by: Juho Heikka <juho.heikka@gmail.com>
This commit is contained in:
Juho Heikka 2021-12-17 12:32:37 +02:00
parent 84f8581f57
commit 265c5225db

View File

@ -21,6 +21,7 @@
import { SubTitle } from "../layout/sub-title"; import { SubTitle } from "../layout/sub-title";
import type { RegisteredAppPreference } from "../../../extensions/registries/app-preference-registry"; import type { RegisteredAppPreference } from "../../../extensions/registries/app-preference-registry";
import React from "react"; import React from "react";
import { cssNames } from "../../../renderer/utils";
interface ExtensionSettingsProps { interface ExtensionSettingsProps {
setting: RegisteredAppPreference; setting: RegisteredAppPreference;
@ -36,14 +37,14 @@ export function ExtensionSettings({ setting, size }: ExtensionSettingsProps) {
return ( return (
<React.Fragment> <React.Fragment>
<section id={id} className={size === "small" ? "small" : ""}> <section id={id} className={cssNames(size)}>
<SubTitle title={title} /> <SubTitle title={title} />
<Input /> <Input />
<div className="hint"> <div className="hint">
<Hint /> <Hint />
</div> </div>
</section> </section>
<hr className={size === "small" ? "small" : ""} /> <hr className={cssNames(size)} />
</React.Fragment> </React.Fragment>
); );
} }