Another attempt to provide option disabling the blur

laurens-lamberts · Feb 2, 2025 · be70a12 · be70a12
1 parent 1b244bc
commit be70a12
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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}