All files / lib/components/pages/Pass/Result index.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
'use client';
 
import React from 'react';
import { useSearchParams } from 'next/navigation';
import { initializeFlutterInterface } from '@lib/utils/flutter-interface';
import styled from 'styled-components';
import { LoadingSpinner } from '@lib/components/LoadingSpinner';
 
export default function ResultPage() {
  initializeFlutterInterface();
 
  const searchParams = useSearchParams();
 
  const success = searchParams.get('success') === 'true';
  const errorTitle =
    searchParams.get('errorTitle') === 'null' ? '' : searchParams.get('errorTitle');
  const returnPath = searchParams.get('returnPath');
 
  React.useEffect(() => {
    switch (returnPath) {
      case 'Studio':
        window.opener.postMessage(
          {
            type: 'pass-auth',
            data: {
              status: success,
              errorTitle
            }
          },
          '*'
        );
        break;
      case 'App':
        window.sendMessageToFlutter('postMessage', {
          type: 'pass-auth',
          data: {
            status: success,
            errorTitle
          }
        });
        break;
      default:
        break;
    }
 
    window.close();
  }, []);
 
  return (
    <Container>
      <LoadingSpinner />
    </Container>
  );
}
 
const Container = styled.div`
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
`;