From 63dec536e6b85c118d7890178939987709e7fe52 Mon Sep 17 00:00:00 2001 From: igorrCarvalho Date: Sun, 9 Jun 2024 20:31:46 -0300 Subject: [PATCH] Refactor: Create modal_classes constant --- src/frontend/src/constants/constants.ts | 3 +++ src/frontend/src/utils/utils.ts | 6 ++---- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/frontend/src/constants/constants.ts b/src/frontend/src/constants/constants.ts index 9d9fbda40..df003c021 100644 --- a/src/frontend/src/constants/constants.ts +++ b/src/frontend/src/constants/constants.ts @@ -826,3 +826,6 @@ export const DEFAULT_TABLE_ALERT_TITLE = "No Data Available"; export const LOCATIONS_TO_RETURN = ["/flow/", "/settings/"]; export const MAX_BATCH_SIZE = 50; + +export const MODAL_CLASSES = + "nopan nodelete nodrag noundo nocopy fixed inset-0 bottom-0 left-0 right-0 top-0 z-50 overflow-auto bg-blur-shared backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"; diff --git a/src/frontend/src/utils/utils.ts b/src/frontend/src/utils/utils.ts index 4c7e6b217..c780f3fae 100644 --- a/src/frontend/src/utils/utils.ts +++ b/src/frontend/src/utils/utils.ts @@ -10,6 +10,7 @@ import { import { NodeType } from "../types/flow"; import { FlowState } from "../types/tabs"; import TableAutoCellRender from "../components/tableComponent/components/tableAutoCellRender"; +import { MODAL_CLASSES } from "../constants/constants"; export function classNames(...classes: Array): string { return classes.filter(Boolean).join(" "); @@ -408,10 +409,7 @@ export function extractColumnsFromRows( } export function isThereModal(): boolean { - const modal = document.body.getElementsByClassName( - "nopan nodelete nodrag noundo nocopy fixed inset-0 bottom-0 left-0 right-0 top-0 z-50 overflow-auto bg-blur-shared backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", - ); - console.log(modal); + const modal = document.body.getElementsByClassName(MODAL_CLASSES); if (modal.length > 0) return true; return false; }