edit FE shorlink auth, no login route, deployed dicomv.aplikasi.web.id

This commit is contained in:
mario
2025-05-23 14:15:27 +07:00
parent e40d2f0e1d
commit 1a73d898f7
5 changed files with 28 additions and 9 deletions

View File

@@ -1,6 +1,7 @@
import React, { useState, useEffect } from 'react';
import { useNavigate, useLocation } from 'react-router-dom';
import { useUserAuthentication } from '@ohif/ui';
import { Icons } from '@ohif/ui-next';
const Login = () => {
const [email, setEmail] = useState('');
@@ -83,8 +84,13 @@ const Login = () => {
return (
<div className="flex h-screen w-screen items-center justify-center bg-black">
<div className="bg-primary-dark w-96 rounded p-8 shadow-lg">
<h1 className="mb-8 text-center text-2xl font-bold text-white">Login to OHIF Viewer</h1>
<div className="bg-popover w-88 rounded p-8 shadow-lg">
<div className="mb-4 flex justify-center">
<Icons.OHIFLogo className="h-12 text-white" />
</div>
<h2 className="text-md text-center font-bold text-white">Login to</h2>
<h1 className="mb-8 text-center text-2xl font-bold text-white">Cloud DICOM Viewer</h1>
{error && <div className="mb-4 rounded bg-red-800 px-4 py-2 text-white">{error}</div>}
@@ -120,6 +126,9 @@ const Login = () => {
{isLoading ? 'Logging in...' : 'Log In'}
</button>
</div>
<p className="text-muted-foreground mt-8 text-center text-sm">
Powered by OHIF & Google Cloud DICOM Storage
</p>
</form>
</div>
</div>