(PC-21416) feat(statusBar): blur/white status bar home and profile (#…

…5089) * (PC-21416) feat(statusBar): add generic file to blur or add white background on Android below the status bar * (PC-21416) feat(statusBar): blurred/white statusBar on Home and Profile * (PC-21416) feat(statusBar): update snapshots * (PC-21416) feat(statusBar): link to blur problems on Android
pass-culture · Aug 1, 2023 · b5db6b2 · b5db6b2
1 parent 2c8c7ce
commit b5db6b2
Show file tree

Hide file tree

Showing 9 changed files with 1,913 additions and 1,697 deletions.
diff --git a/__snapshots__/features/home/pages/GenericHome.native.test.tsx.native-snap b/__snapshots__/features/home/pages/GenericHome.native.test.tsx.native-snap
@@ -145,6 +145,40 @@ exports[`GenericHome should display real content 1`] = `
       ]
     }
   />
+  <View
+    height={16}
+    style={
+      Array [
+        Object {
+          "backdropFilter": "blur(20px)",
+          "height": 16,
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+      ]
+    }
+  >
+    <BlurView
+      blurAmount={8}
+      blurType="light"
+      style={
+        Array [
+          Object {
+            "backgroundColor": "transparent",
+          },
+          Array [
+            Object {
+              "flexBasis": 0,
+              "flexGrow": 1,
+              "flexShrink": 1,
+            },
+          ],
+        ]
+      }
+    />
+  </View>
 </View>
 `;
 
@@ -293,5 +327,39 @@ exports[`GenericHome should display skeleton 1`] = `
       ]
     }
   />
+  <View
+    height={16}
+    style={
+      Array [
+        Object {
+          "backdropFilter": "blur(20px)",
+          "height": 16,
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+      ]
+    }
+  >
+    <BlurView
+      blurAmount={8}
+      blurType="light"
+      style={
+        Array [
+          Object {
+            "backgroundColor": "transparent",
+          },
+          Array [
+            Object {
+              "flexBasis": 0,
+              "flexGrow": 1,
+              "flexShrink": 1,
+            },
+          ],
+        ]
+      }
+    />
+  </View>
 </View>
 `;
diff --git a/__snapshots__/features/home/pages/Home.native.test.tsx.native-snap b/__snapshots__/features/home/pages/Home.native.test.tsx.native-snap
@@ -421,5 +421,39 @@ exports[`Home page should render correctly 1`] = `
       ]
     }
   />
+  <View
+    height={16}
+    style={
+      Array [
+        Object {
+          "backdropFilter": "blur(20px)",
+          "height": 16,
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+      ]
+    }
+  >
+    <BlurView
+      blurAmount={8}
+      blurType="light"
+      style={
+        Array [
+          Object {
+            "backgroundColor": "transparent",
+          },
+          Array [
+            Object {
+              "flexBasis": 0,
+              "flexGrow": 1,
+              "flexShrink": 1,
+            },
+          ],
+        ]
+      }
+    />
+  </View>
 </View>
 `;
diff --git a/__snapshots__/features/home/pages/ThematicHome.native.test.tsx.native-snap b/__snapshots__/features/home/pages/ThematicHome.native.test.tsx.native-snap
@@ -348,6 +348,40 @@ exports[`ThematicHome should render correctly 1`] = `
         ]
       }
     />
+    <View
+      height={16}
+      style={
+        Array [
+          Object {
+            "backdropFilter": "blur(20px)",
+            "height": 16,
+            "left": 0,
+            "overflow": "hidden",
+            "position": "absolute",
+            "right": 0,
+          },
+        ]
+      }
+    >
+      <BlurView
+        blurAmount={8}
+        blurType="light"
+        style={
+          Array [
+            Object {
+              "backgroundColor": "transparent",
+            },
+            Array [
+              Object {
+                "flexBasis": 0,
+                "flexGrow": 1,
+                "flexShrink": 1,
+              },
+            ],
+          ]
+        }
+      />
+    </View>
   </View>
   <View
     collapsable={false}