Cleaning settings page view (#3156)

* Making inputs consistent

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fixing hover effect in inputs

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Adding separators to sidebar menu

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fine-tuning general section

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fine-tuning hidden metrics area

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* EntityIcon in Settings sidebar

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Moving cluster icon settings on top

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Shrink Apply button a big

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev authored and GitHub committed 2021-06-23 11:27:26 +03:00
1 parent 1cc5607987
commit 7739b387cb
18 files changed
+159 -100

No files matched your search

@@ -33,6 +33,7 @@ import { EntitySettingRegistry } from "../../../extensions/registries";
import type { EntitySettingsRouteParams } from "../../../common/routes";
import { groupBy } from "lodash";
import { SettingLayout } from "../layout/setting-layout";
import { HotbarIcon } from "../hotbar/hotbar-icon";
interface Props extends RouteComponentProps<EntitySettingsRouteParams> {
}
@@ -83,10 +84,19 @@ export class EntitySettings extends React.Component<Props> {
return (
<>
<h2>{this.entity.metadata.name}</h2>
<div className="flex items-center pb-8">
<HotbarIcon
uid={this.entity.metadata.uid}
title={this.entity.metadata.name}
source={this.entity.metadata.source}
src={this.entity.spec.icon?.src}
/>
<h2>{this.entity.metadata.name}</h2>
</div>
<Tabs className="flex column" scrollable={false} onChange={this.onTabChange} value={this.activeTab}>
{ groups.map((group, groupIndex) => (
<React.Fragment key={`group-${groupIndex}`}>
<hr/>
<div className="header">{group[0]}</div>
{ group[1].map((setting, index) => (
<Tab