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

KubeEventDetails empty placeholder

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2023-01-19 10:57:37 +03:00
parent a5c62da002
commit 8b3c9a652f
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/renderer/components/+events/kube-event-details.scss → src/renderer/components/+events/kube-event-details.module.scss
View File

@ -22,8 +22,8 @@
}
}
}
.no-items {
text-align: center;
}
}
.empty {
opacity: 0.6;
}

15
src/renderer/components/+events/kube-event-details.tsx
View File

@ -3,7 +3,7 @@
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
import "./kube-event-details.scss";
import styles from "./kube-event-details.module.scss";
import React from "react";
import { disposeOnUnmount, observer } from "mobx-react";
@ -57,14 +57,14 @@ class NonInjectedKubeEventDetails extends React.Component<KubeEventDetailsProps
return (
<div>
<DrawerTitle className="flex gaps align-center">
<DrawerTitle>
<span>Events</span>
</DrawerTitle>
{events.length > 0 && (
<div className="KubeEventDetails">
<div className={styles.KubeEventDetails}>
{events.map(event => (
<div className="event" key={event.getId()}>
<div className={cssNames("title", { warning: event.isWarning() })}>
<div className={styles.event} key={event.getId()}>
<div className={cssNames(styles.title, { [styles.warning]: event.isWarning() })}>
{event.message}
</div>
<DrawerItem name="Source">
@ -85,6 +85,11 @@ class NonInjectedKubeEventDetails extends React.Component<KubeEventDetailsProps
))}
</div>
)}
{events.length === 0 && (
<div className={styles.empty}>
No events found
</div>
)}
</div>
);
}