mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
Cleaning up
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
parent
286beb4b26
commit
1443074632
@ -44,6 +44,7 @@ import { CatalogMenu } from "./catalog-menu";
|
|||||||
import { HotbarIcon } from "../hotbar/hotbar-icon";
|
import { HotbarIcon } from "../hotbar/hotbar-icon";
|
||||||
import { RenderDelay } from "../render-delay/render-delay";
|
import { RenderDelay } from "../render-delay/render-delay";
|
||||||
import { CatalogTopbar } from "../cluster-manager/catalog-topbar";
|
import { CatalogTopbar } from "../cluster-manager/catalog-topbar";
|
||||||
|
import type { TableSortCallback } from "../table";
|
||||||
|
|
||||||
export const previousActiveTab = createAppStorage("catalog-previous-active-tab", "");
|
export const previousActiveTab = createAppStorage("catalog-previous-active-tab", "");
|
||||||
|
|
||||||
@ -194,8 +195,17 @@ export class Catalog extends React.Component<Props> {
|
|||||||
|
|
||||||
renderList() {
|
renderList() {
|
||||||
const { activeCategory } = this.catalogEntityStore;
|
const { activeCategory } = this.catalogEntityStore;
|
||||||
|
const tableId = activeCategory ? `catalog-items-${activeCategory.metadata.name.replace(" ", "")}` : "catalog-items";
|
||||||
|
let sortingCallbacks: { [sortBy: string]: TableSortCallback } = {
|
||||||
|
[sortBy.name]: (item: CatalogEntityItem<CatalogEntity>) => item.name,
|
||||||
|
[sortBy.source]: (item: CatalogEntityItem<CatalogEntity>) => item.source,
|
||||||
|
[sortBy.status]: (item: CatalogEntityItem<CatalogEntity>) => item.phase,
|
||||||
|
};
|
||||||
|
|
||||||
const tableId = activeCategory ? `catalog-items-${activeCategory?.metadata.name.replace(" ", "")}` : "catalog-items";
|
sortingCallbacks = activeCategory ? sortingCallbacks : {
|
||||||
|
...sortingCallbacks,
|
||||||
|
[sortBy.kind]: (item: CatalogEntityItem<CatalogEntity>) => item.kind,
|
||||||
|
};
|
||||||
|
|
||||||
if (this.activeTab === undefined) {
|
if (this.activeTab === undefined) {
|
||||||
return null;
|
return null;
|
||||||
@ -209,12 +219,7 @@ export class Catalog extends React.Component<Props> {
|
|||||||
isConfigurable={true}
|
isConfigurable={true}
|
||||||
className="CatalogItemList"
|
className="CatalogItemList"
|
||||||
store={this.catalogEntityStore}
|
store={this.catalogEntityStore}
|
||||||
sortingCallbacks={{
|
sortingCallbacks={sortingCallbacks}
|
||||||
[sortBy.name]: (item: CatalogEntityItem<CatalogEntity>) => item.name,
|
|
||||||
[sortBy.kind]: (item: CatalogEntityItem<CatalogEntity>) => item.kind,
|
|
||||||
[sortBy.source]: (item: CatalogEntityItem<CatalogEntity>) => item.source,
|
|
||||||
[sortBy.status]: (item: CatalogEntityItem<CatalogEntity>) => item.phase,
|
|
||||||
}}
|
|
||||||
searchFilters={[
|
searchFilters={[
|
||||||
(entity: CatalogEntityItem<CatalogEntity>) => entity.searchFields,
|
(entity: CatalogEntityItem<CatalogEntity>) => entity.searchFields,
|
||||||
]}
|
]}
|
||||||
|
|||||||
@ -260,7 +260,7 @@ export class Menu extends React.Component<MenuProps, State> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
onBlur() {
|
onBlur() {
|
||||||
if (!this.isOpen) return;
|
if (!this.isOpen) return; // Prevents triggering document.activeElement for each <Menu/> instance
|
||||||
|
|
||||||
if (document.activeElement?.tagName == "IFRAME") {
|
if (document.activeElement?.tagName == "IFRAME") {
|
||||||
this.close();
|
this.close();
|
||||||
|
|||||||
@ -39,7 +39,9 @@ export class RenderDelay extends React.Component<Props> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
window.requestIdleCallback(this.showContents);
|
const guaranteedFireTime = 1000;
|
||||||
|
|
||||||
|
window.requestIdleCallback(this.showContents, { timeout: guaranteedFireTime });
|
||||||
}
|
}
|
||||||
|
|
||||||
componentWillUnmount() {
|
componentWillUnmount() {
|
||||||
|
|||||||
2
types/dom.d.ts
vendored
2
types/dom.d.ts
vendored
@ -26,7 +26,7 @@ declare global {
|
|||||||
}
|
}
|
||||||
|
|
||||||
interface Window {
|
interface Window {
|
||||||
requestIdleCallback(callback: () => void);
|
requestIdleCallback(callback: () => void, options: { timeout: number });
|
||||||
cancelIdleCallback(callback: () => void);
|
cancelIdleCallback(callback: () => void);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user