From 1f65841e62423278fee2d43d8dc6e1bed3f03ff4 Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Tue, 10 Jan 2023 19:57:39 +0100
Subject: [PATCH] fix iframe view z index + rename iframe view file

---
 ...{bsm-map-preview.component.tsx => iframe-view.component.tsx} | 2 +-
 src/renderer/windows/App.tsx                                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)
 rename src/renderer/components/shared/{bsm-map-preview.component.tsx => iframe-view.component.tsx} (95%)

diff --git a/src/renderer/components/shared/bsm-map-preview.component.tsx b/src/renderer/components/shared/iframe-view.component.tsx
similarity index 95%
rename from src/renderer/components/shared/bsm-map-preview.component.tsx
rename to src/renderer/components/shared/iframe-view.component.tsx
index 815f942c..1594a5ce 100644
--- a/src/renderer/components/shared/bsm-map-preview.component.tsx
+++ b/src/renderer/components/shared/iframe-view.component.tsx
@@ -15,7 +15,7 @@ export function BsmIframeView() {
     return (
         <AnimatePresence>
             {iframeUrl && (
-                <div className="top-0 absolute w-screen h-screen flex content-center items-center justify-center z-50">
+                <div className="top-0 absolute w-screen h-screen flex content-center items-center justify-center z-[150]">
                     <motion.span className="absolute w-full h-full bg-black top-0 right-0" initial={{opacity: 0}} animate={{opacity: .60}} exit={{opacity: 0}} transition={{duration: .2}}/>
                     <motion.div ref={ref} className="z-[1] w-[calc(100vw-250px)] h-[calc(100vh-250px)] shadow-black shadow-md rounded-md overflow-hidden bg-black" initial={{y: "100vh"}} animate={{y: 0}} exit={{y: "100vh"}}>
                         <iframe className="w-full h-full" src={iframeUrl}/>
diff --git a/src/renderer/windows/App.tsx b/src/renderer/windows/App.tsx
index 7a0b3e3a..38d56f55 100644
--- a/src/renderer/windows/App.tsx
+++ b/src/renderer/windows/App.tsx
@@ -12,7 +12,7 @@ import { NotificationOverlay } from "../components/notification/notification-ove
 import { PageStateService } from "../services/page-state.service";
 import { MapsPage } from "../pages/maps-page.component";
 import "tailwindcss/tailwind.css";
-import { BsmIframeView } from "../components/shared/bsm-map-preview.component";
+import { BsmIframeView } from "../components/shared/iframe-view.component";
 import 'tippy.js/dist/tippy.css';
 import { MapsManagerService } from "renderer/services/maps-manager.service";
 import { PlaylistsManagerService } from "renderer/services/playlists-manager.service";