From be70a125a41320a3154b8e998075d22ad7674d77 Mon Sep 17 00:00:00 2001
From: Laurens <info@laurenslamberts.nl>
Date: Sun, 2 Feb 2025 01:13:45 +0100
Subject: [PATCH] Another attempt to provide option disabling the blur

---
 package/CHANGELOG.md                      | 4 ++++
 package/src/components/OverlayAnchor.tsx  | 3 ---
 package/src/components/PopoutRootView.tsx | 1 -
 package/src/screens/Overlay.tsx           | 5 +----
 4 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/package/CHANGELOG.md b/package/CHANGELOG.md
index d1d03e4..0fb9a61 100644
--- a/package/CHANGELOG.md
+++ b/package/CHANGELOG.md
@@ -5,6 +5,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+
+- Another attempt to provide option disabling the blur
+
 ## [0.1.15-10] - 2025-02-02
 
 - attempt to prevent tapping through the overlay
diff --git a/package/src/components/OverlayAnchor.tsx b/package/src/components/OverlayAnchor.tsx
index 114a492..000c61c 100644
--- a/package/src/components/OverlayAnchor.tsx
+++ b/package/src/components/OverlayAnchor.tsx
@@ -9,7 +9,6 @@ interface Props {
   item?: PopoutTileType;
   panScale: SharedValue<number>;
   backdropProgress: SharedValue<number>;
-  disableBlur?: boolean;
   overlayImageStyle?: ViewStyle;
 }
 
@@ -18,7 +17,6 @@ const OverlayAnchor = ({
   children,
   panScale,
   backdropProgress,
-  disableBlur,
   overlayImageStyle,
 }: PropsWithChildren<Props>) => {
   const skiaImage = useImage(item?.image);
@@ -42,7 +40,6 @@ const OverlayAnchor = ({
         image={skiaImage}
         panScale={panScale}
         backdropProgress={backdropProgress}
-        disableBlur={disableBlur}
         overlayImageStyle={overlayImageStyle}
       >
         {children}
diff --git a/package/src/components/PopoutRootView.tsx b/package/src/components/PopoutRootView.tsx
index 4ea827b..4971e2a 100644
--- a/package/src/components/PopoutRootView.tsx
+++ b/package/src/components/PopoutRootView.tsx
@@ -305,7 +305,6 @@ const PopoutRootView = ({ children }: { children: ReactNode }) => {
             item={elementOpened}
             panScale={panScale}
             backdropProgress={backdropProgress}
-            disableBlur={overlayConfig.overlayBlur === false}
             overlayImageStyle={overlayConfig.overlayImageStyle}
           >
             {typeof OverlayComponent === 'function' ? (
diff --git a/package/src/screens/Overlay.tsx b/package/src/screens/Overlay.tsx
index 9a3b682..4d11e41 100644
--- a/package/src/screens/Overlay.tsx
+++ b/package/src/screens/Overlay.tsx
@@ -36,7 +36,6 @@ interface Props extends React.ComponentProps<typeof Animated.View> {
   image: SkImage;
   panScale: SharedValue<number>;
   backdropProgress: SharedValue<number>;
-  disableBlur?: boolean;
   overlayImageStyle?: ViewStyle;
 }
 
@@ -61,7 +60,6 @@ const Overlay = ({
   children,
   panScale,
   backdropProgress,
-  disableBlur,
   overlayImageStyle,
 }: PropsWithChildren<Props>) => {
   const { width: screenWidth, height: screenHeight } = useWindowDimensions();
@@ -278,7 +276,7 @@ const Overlay = ({
         <View pointerEvents="box-none">
           <OverlayBackdrop
             image={image}
-            blurred={!disableBlur}
+            blurred
             opacity={1}
             tileWidth={item?.origin?.width}
             tileHeight={item?.origin?.height}
@@ -296,7 +294,6 @@ const Overlay = ({
           <CloseButton hide={onClose} overlayProgress={overlayProgress} />
           <OverlayBackdrop
             image={image}
-            blurred={!disableBlur}
             opacity={shadowImageOpacity}
             tileWidth={item?.origin?.width}
             tileHeight={item?.origin?.height}