Add Connection

{#each Object.entries(Services) as [serviceType, serviceData]} {/each}
{#each connectionProfiles as connectionProfile} {@const serviceData = Services[connectionProfile.serviceType]}
{serviceData.displayName} icon
{connectionProfile?.username ? connectionProfile.username : 'Placeholder Account Name'}
{serviceData.displayName} {#if connectionProfile.serviceType === 'jellyfin' && connectionProfile?.serverName} - {connectionProfile.serverName} {/if}
(modal = `delete-${connectionProfile.connectionId}`)}>
console.log(event.detail.toggled)} /> Enable Connection
{/each}
{#if modal}
{#if typeof modal === 'string'} {@const connectionId = modal.replace('delete-', '')} {@const connection = connectionProfiles.find((profile) => profile.connectionId === connectionId)} {@const serviceData = Services[connection.serviceType]}

Delete {serviceData.displayName} connection?

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