refactor: Rename showModal to showLightBox

codesweetly · Jul 11, 2024 · 8f99e8d · 8f99e8d
1 parent 2446023
commit 8f99e8d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/ImageGallery.tsx b/src/ImageGallery.tsx
@@ -13,7 +13,7 @@ export function ImageGallery({
   const [imageSrc, setImageSrc] = useState("");
   const [slideNumber, setSlideNumber] = useState(1);
   const lightboxRef = useRef<HTMLElement>(null);
-  const showModal = useRef(false);
+  const showLightBox = useRef(false);
 
   const galleryContainerStyle = imageGalleryStyles(
     columnCount,
@@ -31,7 +31,7 @@ export function ImageGallery({
     undefined,
     undefined,
     undefined,
-    showModal.current
+    showLightBox.current
   ).modalContainerStyle;
   const modalSlideNumberStyle = imageGalleryStyles().modalSlideNumberStyle;
   const modalToolbarStyle = imageGalleryStyles().modalToolbarStyle;
@@ -235,12 +235,12 @@ export function ImageGallery({
     if (open) {
       document.documentElement.style.overflow = "hidden";
       lightboxRef.current?.focus();
-      showModal.current = true;
+      showLightBox.current = true;
     } else {
       document.documentElement.style.overflow = "";
       document.fullscreenElement &&
         document.exitFullscreen().catch((error) => console.error(error));
-      showModal.current = false;
+      showLightBox.current = false;
     }
   }
 

diff --git a/src/ImageGalleryStyles.ts b/src/ImageGalleryStyles.ts
@@ -2,7 +2,7 @@ export function imageGalleryStyles(
   columnCount?: string | number,
   columnWidth?: string | number,
   gapSize?: number,
-  showModal?: boolean
+  showLightBox?: boolean
 ) {
   const galleryContainerStyle: React.CSSProperties = {
     columnCount,
@@ -36,7 +36,7 @@ export function imageGalleryStyles(
   const modalContainerStyle: React.CSSProperties = {
     outline: "none",
     position: "fixed",
-    display: `${showModal ? "block" : "none"}`,
+    display: `${showLightBox ? "block" : "none"}`,
     zIndex: 7000000000,
     top: 0,
     left: 0,