fixup! Fix incorrect rounded corners on iOS This regressed as a resul…

…t of changes to support rounded blur corners for iOS in the latest `NotificationCard` updates (66b4bdd).
EdgeApp · Nov 13, 2024 · e3f7f68 · e3f7f68
1 parent dbf6092
commit e3f7f68
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/src/components/common/BlurBackground.tsx b/src/components/common/BlurBackground.tsx
@@ -6,13 +6,17 @@ import { cacheStyles, Theme, useTheme } from '../services/ThemeContext'
 
 const isAndroid = Platform.OS === 'android'
 
-export const BlurBackground = (props: { roundCorners?: boolean }) => {
-  const { roundCorners = false } = props
+export const BlurBackground = (props: { noRoundedCorners?: boolean }) => {
+  const { noRoundedCorners = false } = props
   const theme = useTheme()
   const styles = getStyles(theme)
 
   return (
-    <BlurView blurType={theme.isDark ? 'dark' : 'light'} style={[styles.blurView, roundCorners ? styles.roundCorner : {}]} overlayColor="rgba(0, 0, 0, 0)" />
+    <BlurView
+      blurType={theme.isDark ? 'dark' : 'light'}
+      style={[styles.blurView, noRoundedCorners ? {} : styles.roundCorner]}
+      overlayColor="rgba(0, 0, 0, 0)"
+    />
   )
 }
 

diff --git a/src/components/navigation/HeaderBackground.tsx b/src/components/navigation/HeaderBackground.tsx
@@ -17,7 +17,7 @@ export const HeaderBackground = (props: any) => {
 
   return (
     <HeaderBackgroundContainerView scrollY={scrollY}>
-      <BlurBackground />
+      <BlurBackground noRoundedCorners />
       <HeaderLinearGradient colors={theme.headerBackground} start={theme.headerBackgroundStart} end={theme.headerBackgroundEnd} />
       <DividerLine colors={theme.headerOutlineColors} />
     </HeaderBackgroundContainerView>

diff --git a/src/components/themed/MenuTabs.tsx b/src/components/themed/MenuTabs.tsx
@@ -89,7 +89,7 @@ export const MenuTabs = (props: BottomTabBarProps) => {
   return (
     <Container shiftY={shiftY} pointerEvents="box-none">
       <Background footerHeight={footerHeight} openRatio={footerOpenRatio} tabLabelHeight={tabLabelHeight} pointerEvents="none">
-        <BlurBackground />
+        <BlurBackground noRoundedCorners />
         <BackgroundLinearGradient colors={theme.tabBarBackground} start={theme.tabBarBackgroundStart} end={theme.tabBarBackgroundEnd} />
       </Background>
       {renderFooter()}