feat: 🎸 Use fade on the backdrop on login modal

Much better than the greyish backdrop that we use now
Zingo21 · Oct 4, 2021 · e99494b · e99494b
1 parent fba7b3e
commit e99494b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/apps/skolplattformen-sthlm/components/login.component.tsx b/apps/skolplattformen-sthlm/components/login.component.tsx
@@ -109,6 +109,10 @@ export const Login = () => {
       }
       status.on('PENDING', () => console.log('BankID app not yet opened'))
       status.on('USER_SIGN', () => console.log('BankID app is open'))
+      status.on('CANCELLED', () => {
+        console.log('User pressed cancel in BankID')
+        showModal(false)
+      })
       status.on('ERROR', () => {
         setError(t('auth.loginFailed'))
         showModal(false)
@@ -247,7 +251,7 @@ export const Login = () => {
 
 const themedStyles = StyleService.create({
   backdrop: {
-    backgroundColor: 'color-basic-transparent-600',
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
   },
   loginForm: {
     ...Layout.mainAxis.flexStart,