fix logic and update test snapshot

Author: uhoreg

src/components/views/auth/AuthPage.tsx

@@ -74,8 +74,9 @@ export default class AuthPage extends React.PureComponent<React.PropsWithChildre
         };
 
         let modalBlur;
-        if (this.props.addBlur === false) {
+        if (this.props.addBlur !== false) {
             modalBlur = <div className="mx_AuthPage_modalBlur" style={blurStyle} />;
+        } else {
             delete modalContentStyle.background;
         }
 

test/unit-tests/components/structures/auth/__snapshots__/CompleteSecurity-test.tsx.snap

@@ -9,13 +9,9 @@ exports[`CompleteSecurity Allows verifying with another device if one is availab
       class="mx_AuthPage_modal mx_AuthPage_modal_noBlur"
       style="position: relative;"
     >
-      <div
-        class="mx_AuthPage_modalBlur"
-        style="position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; filter: blur(40px);"
-      />
       <div
         class="mx_AuthPage_modalContent"
-        style="display: flex; z-index: 1; background: rgba(255, 255, 255, 0.59); border-radius: 8px;"
+        style="display: flex; z-index: 1; border-radius: 8px;"
       >
         <div
           class="mx_Dialog_border _glass_sepwu_8"
@@ -179,13 +175,9 @@ exports[`CompleteSecurity Allows verifying with recovery key if one is available
       class="mx_AuthPage_modal mx_AuthPage_modal_noBlur"
       style="position: relative;"
     >
-      <div
-        class="mx_AuthPage_modalBlur"
-        style="position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; filter: blur(40px);"
-      />
       <div
         class="mx_AuthPage_modalContent"
-        style="display: flex; z-index: 1; background: rgba(255, 255, 255, 0.59); border-radius: 8px;"
+        style="display: flex; z-index: 1; border-radius: 8px;"
       >
         <div
           class="mx_Dialog_border _glass_sepwu_8"