Merge pull request #73 from beda-software/65-live-demo-white-screen

#65 Live demo white screen
beda-software · Jun 18, 2024 · 337f55b · 337f55b
2 parents e29c8b6 + f23cc91
commit 337f55b
Showing 1 changed file with 28 additions and 7 deletions.
diff --git a/web/src/containers/App/index.tsx b/web/src/containers/App/index.tsx
@@ -80,14 +80,35 @@ interface SignInProps {
 }
 
 function SignIn(props: SignInProps) {
-    const clientId = localStorage.getItem('clientId');
-    if (clientId) {
-        authorize(clientId, { nextUrl: props.originPathName });
-    } else {
-        console.error('Client ID is not specified');
-    }
+    useEffect(() => {
+        const clientId = localStorage.getItem('clientId');
+        if (clientId != null) {
+            authorize(clientId, { nextUrl: props.originPathName });
+        }
+    }, [props.originPathName]);
 
-    return null;
+    const handleAuthorizeClick = () => {
+        authorize('sdc-ide', { nextUrl: props.originPathName });
+    };
+
+    return (
+        <div style={{ textAlign: 'center', marginTop: '50px' }}>
+            <h2>Welcome to SDC IDE!</h2>
+            <p>
+                To launch the IDE on top of EMR, please use the following default login credentials:
+                <br />
+                Username: admin / receptionist / practitioner1 / practitioner2 <br />
+                Password: password
+            </p>
+            <p>
+                Click{' '}
+                <a href="#" onClick={handleAuthorizeClick}>
+                    here
+                </a>{' '}
+                to run IDE on top of EMR.
+            </p>
+        </div>
+    );
 }
 
 export function Auth() {