+ {status === 'input' && (
+ <>
+
+
+
Link a Device
+
+ Enter the code displayed on your device.
+
+
+
+ >
+ )}
+
+ {status === 'loading' && (
+
+
+
+ )}
+
+ {status === 'confirm' && deviceInfo && (
+ <>
+
+
+
Authorize Device
+
+
+
+ {deviceInfo.client_name} is requesting access to your account
+ {user?.claims?.preferred_username ? (
+ <> as {String(user.claims.preferred_username)}>
+ ) : null}.
+
+
{deviceInfo.user_code}
+ {scopes.length > 0 && (
+
+ {scopes.map((scope) => (
+ -
+ {scopeDescriptions[scope] ?? scope}
+
+ ))}
+
+ )}
+
+
+
+
+
+ >
+ )}
+
+ {status === 'authorized' && (
+
+
+
+
+
Device Authorized
+
+ You can return to your device. This page can be closed.
+
+
+ )}
+
+ {status === 'denied' && (
+
+
+
+
+
Access Denied
+
+ The device will not be granted access.
+
+
+ )}
+
+ {status === 'error' && (
+
+
+
+
+ )}
+