{#if scannerOpen} scannerOpen = false} /> {/if}
handleSearch(e.currentTarget.value)} autofocus class="w-full bg-zinc-900 border border-zinc-700 rounded-xl pl-9 pr-4 py-2.5 text-sm text-zinc-100 placeholder-zinc-500 focus:outline-none focus:border-green-500 transition-colors" />
{#if scanError}

{scanError}

{/if}
{#if productsQuery.isPending}
{#each Array(6) as _}
{/each}
{:else if productsQuery.data?.products.length === 0}

No products found

Try a different name or

Create "{q || 'new product'}"
{:else}
    {#each productsQuery.data?.products ?? [] as product (product.id)}
  • {/each}
{/if}
selectedProduct = null} title={selectedProduct?.name ?? ''} > {#if selectedProduct} {#if preview}
{#each [ { label: 'kcal', value: preview.calories }, { label: 'protein', value: preview.protein + 'g' }, { label: 'carbs', value: preview.carb + 'g' }, { label: 'fat', value: preview.fat + 'g' }, ] as m}

{m.value}

{m.label}

{/each}
{/if}
{/if}