From 81c276f3a387958e5cf62f0a93d946c9eac4965f Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Mon, 10 Oct 2022 12:59:20 +0300
Subject: [PATCH] Update snapshots and use css modules

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../cluster/__snapshots__/cluster-modal-items.test.tsx.snap | 6 ++----
 src/renderer/cluster-modals/cluster-modals.module.css       | 4 ++++
 src/renderer/cluster-modals/cluster-modals.tsx              | 4 +++-
 3 files changed, 9 insertions(+), 5 deletions(-)
 create mode 100644 src/renderer/cluster-modals/cluster-modals.module.css

diff --git a/src/features/cluster/__snapshots__/cluster-modal-items.test.tsx.snap b/src/features/cluster/__snapshots__/cluster-modal-items.test.tsx.snap
index fa7bd50d9c..b90f0b14a3 100644
--- a/src/features/cluster/__snapshots__/cluster-modal-items.test.tsx.snap
+++ b/src/features/cluster/__snapshots__/cluster-modal-items.test.tsx.snap
@@ -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"
diff --git a/src/renderer/cluster-modals/cluster-modals.module.css b/src/renderer/cluster-modals/cluster-modals.module.css
new file mode 100644
index 0000000000..849827857b
--- /dev/null
+++ b/src/renderer/cluster-modals/cluster-modals.module.css
@@ -0,0 +1,4 @@
+.clusterModals {
+  height: 0;
+  overflow: visible;
+}
\ No newline at end of file
diff --git a/src/renderer/cluster-modals/cluster-modals.tsx b/src/renderer/cluster-modals/cluster-modals.tsx
index 1fc7915e4a..a8f6910ad1 100644
--- a/src/renderer/cluster-modals/cluster-modals.tsx
+++ b/src/renderer/cluster-modals/cluster-modals.tsx
@@ -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;
       })}