Add Connection

{#each Object.entries(Services) as [serviceType, serviceData]} {/each}
{#each Object.entries(existingConnections) as [connectionId, connectionData]} {@const serviceData = Services[connectionData.serviceType]}
{serviceData.displayName} icon
{#if connectionData.serviceType === 'jellyfin'}
{connectionData.connectionInfo.User.Name}
{:else}
Account Name
{/if}
{serviceData.displayName}
(modal = `delete-${connectionId}`)}>
console.log(event.detail.toggleState)} /> Enable Connection
{/each}
{#if modal}
{#if typeof modal === 'string'} {@const connectionId = modal.replace('delete-', '')} {@const service = Services[existingConnections[connectionId].serviceType]}

Delete {service.displayName} connection?

{:else} (modal = null)} /> {/if} {/if}