Phase 17: UI Optimization & Polish #24
+17
-1
@@ -78,7 +78,23 @@ function OidcRedirect() {
|
||||
useEffect(() => {
|
||||
window.location.replace('/api/login');
|
||||
}, []);
|
||||
return <div aria-hidden="true" />;
|
||||
// IN-03: render a perceivable status (not an empty aria-hidden div) so the
|
||||
// transition is announced to screen-reader/keyboard users if the redirect is slow.
|
||||
return (
|
||||
<div
|
||||
role="status"
|
||||
style={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
minHeight: '100vh',
|
||||
color: 'var(--color-text-muted, #6b7280)',
|
||||
fontSize: '0.95rem',
|
||||
}}
|
||||
>
|
||||
Redirecting to sign in…
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default function App() {
|
||||
|
||||
Reference in New Issue
Block a user