From 9bc8734ef04fbfd1c94073f9b9892a0bb286ab6c Mon Sep 17 00:00:00 2001
From: marcobaobao <marco.piovanello@gmail.com>
Date: Wed, 7 Feb 2024 15:05:03 +0100
Subject: [PATCH] test

---
 ui/src/App.svelte | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/ui/src/App.svelte b/ui/src/App.svelte
index fed635a..4d34ff2 100644
--- a/ui/src/App.svelte
+++ b/ui/src/App.svelte
@@ -1,13 +1,7 @@
 <script lang="ts">
   import * as O from 'fp-ts/Option';
   import { pipe } from 'fp-ts/lib/function';
-  import {
-    downloads,
-    httpPostRpcEndpoint,
-    rpcClient,
-    serverApiEndpoint,
-    websocketRpcEndpoint,
-  } from './lib/store';
+  import { downloads, rpcClient } from './lib/store';
   import { datetimeCompareFunc, isRPCResponse } from './lib/utils';
 
   rpcClient.subscribe(($client) => {
@@ -43,10 +37,13 @@
 <main>
   <div class="flex flex-col gap-2 p-8">
     {#each pipe( $downloads, O.getOrElseW(() => []), ) as download}
-      <div class="bg-neutral-100 p-4 rounded-lg shadow-lg">
-        <div>{download.id}</div>
-        <div>{JSON.stringify(download.info)}</div>
-        <div>{JSON.stringify(download.progress)}</div>
+      <div class="flex gap-4 bg-neutral-100 p-4 rounded-lg shadow-lg">
+        <img src={download.info.thumbnail} class="h-48 rounded" alt="" />
+        <div>
+          <div>{download.id}</div>
+          <div>{JSON.stringify(download.info)}</div>
+          <div>{JSON.stringify(download.progress)}</div>
+        </div>
       </div>
     {/each}
   </div>