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

Update snapshots and use css modules

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-10-10 12:59:20 +03:00
parent 1a75247cfd
commit 81c276f3a3
3 changed files with 9 additions and 5 deletions

View File

@ -3,8 +3,7 @@
exports[`cluster modal elements given custom cluster modal available renders 1`] = `
<div>
<div
class="clusterFrameModals"
style="height: 0px;"
class="clusterModals"
>
<div
data-testid="test-modal"
@ -521,8 +520,7 @@ exports[`cluster modal elements given custom cluster modal available renders 1`]
exports[`cluster modal elements given custom cluster modal not available renders 1`] = `
<div>
<div
class="clusterFrameModals"
style="height: 0px;"
class="clusterModals"
/>
<div
class="Notifications flex column align-flex-end"

View File

@ -0,0 +1,4 @@
.clusterModals {
height: 0;
overflow: visible;
}

View File

@ -1,3 +1,5 @@
import styles from "./cluster-modals.module.css";
import { withInjectables } from "@ogre-tools/injectable-react";
import React from "react";
import type { ClusterModalRegistration } from "../../extensions/registries";
@ -9,7 +11,7 @@ interface Dependencies {
export const NonInjectedClusterModals = ({ clusterModals }: Dependencies) => {
return (
<div className="clusterFrameModals" style={{ height: 0 }}>
<div className={styles.clusterModals}>
{clusterModals.map((modal) => {
return modal.visible ? <modal.Component key={modal.id} /> : null;
})}