{#if item.cardData.showBackgroundImage}
{#if item.cardData.image}
{/if}
imageInputRef?.click()} onmouseenter={() => (isHoveringImage = true)} onmouseleave={() => (isHoveringImage = false)} >
{item.cardData.image ? 'Change image' : 'Add image'}
{item.cardData.domain}
{#if hasFetched}
{:else}
Loading data...
{/if}
{:else}
faviconInputRef?.click()} onmouseenter={() => (isHoveringFavicon = true)} onmouseleave={() => (isHoveringFavicon = false)} > {#if hasFetched && item.cardData.favicon && !faviconHasError}
(faviconHasError = true)} src={getImage(item.cardData, did, 'favicon')} alt="" /> {:else}
{/if}
{#if hasFetched}
{:else}
Loading data...
{/if}
{item.cardData.domain}
{#if hasFetched && browser}
imageInputRef?.click()} onmouseenter={() => (isHoveringImage = true)} onmouseleave={() => (isHoveringImage = false)} > {#if item.cardData.image}
{:else}
{/if}
{item.cardData.image ? 'Change' : 'Add image'}
{/if}
{/if}