{#if Object.keys(allRecords).length === 0 && empty} {@render empty()} {:else} {#each Object.values(allRecords) as itemData} {#snippet child(data)} {@render item(data, async () => { if (!itemData.cid) { const { rkey } = parseUri(itemData.uri as string); delete allRecords[rkey]; return; } const { rkey } = parseUri(itemData.uri as string); await deleteRecord({ did, collection, rkey }); delete allRecords[rkey]; })} {/snippet} {/each} {/if} {@render addItem?.(() => { const rkey = TID.nextStr(); allRecords[rkey] = { cid: '', uri: 'at://' + did + '/' + collection + '/' + rkey, value: {} }; })}