Refactor ConnectionState to a shared enum

src/components/ConnectionRequired.tsx

@@ -1,11 +1,13 @@
 import React, { FunctionComponent, useEffect, useState } from 'react';
 import { Outlet, useNavigate } from 'react-router-dom';
+import type { ConnectResponse } from 'jellyfin-apiclient';
 
 import alert from './alert';
 import { appRouter } from './appRouter';
 import loading from './loading/loading';
 import ServerConnections from './ServerConnections';
 import globalize from '../scripts/globalize';
+import { ConnectionState } from '../utils/jellyfin-apiclient/ConnectionState';
 
 enum BounceRoutes {
     Home = '/home.html',
@@ -14,14 +16,6 @@ enum BounceRoutes {
     StartWizard = '/wizardstart.html'
 }
 
-// TODO: This should probably be in the SDK
-enum ConnectionState {
-    SignedIn = 'SignedIn',
-    ServerSignIn = 'ServerSignIn',
-    ServerSelection = 'ServerSelection',
-    ServerUpdateNeeded = 'ServerUpdateNeeded'
-}
-
 type ConnectionRequiredProps = {
     isAdminRequired?: boolean,
     isUserRequired?: boolean
@@ -42,7 +36,7 @@ const ConnectionRequired: FunctionComponent<ConnectionRequiredProps> = ({
 
     useEffect(() => {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const bounce = async (connectionResponse: any) => {
+        const bounce = async (connectionResponse: ConnectResponse) => {
             switch (connectionResponse.State) {
                 case ConnectionState.SignedIn:
                     // Already logged in, bounce to the home page