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

Update snapshots and use css modules

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/features/cluster/__snapshots__/cluster-modal-items.test.tsx.snap
View File

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

4
src/renderer/cluster-modals/cluster-modals.module.css Normal file
View File

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

4
src/renderer/cluster-modals/cluster-modals.tsx
View File

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