From 6fbb790fcd2781faef91c331f838908a7d355588 Mon Sep 17 00:00:00 2001
From: MrMelon54 <github@mrmelon54.com>
Date: Sat, 25 Nov 2023 09:46:18 +0000
Subject: [PATCH] Print messages in folder

---
 src/components/FolderView.svelte | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/components/FolderView.svelte b/src/components/FolderView.svelte
index 913e427..dc2cd81 100644
--- a/src/components/FolderView.svelte
+++ b/src/components/FolderView.svelte
@@ -1,17 +1,24 @@
 <script lang="ts">
+  import type {MailFolder} from "../logic/folder";
   import type {ImapMessage} from "../types/imap";
-  import type {FolderSelection} from "../types/internal";
 
-  export let folder: FolderSelection;
+  export let folder: MailFolder;
   export let messages: ImapMessage[];
 </script>
 
-<code>
-  <pre>{JSON.stringify(folder, null, 2)}</pre>
-</code>
-<code>
-  <pre>{JSON.stringify(messages, null, 2)}</pre>
-</code>
+<h2>{folder.name}</h2>
+{#if messages}
+  {#each messages as msg}
+    <div class="msg">
+      <h3>{msg.Envelope.Subject}</h3>
+      <h3>{msg.Envelope.From}</h3>
+      <h3>{msg.Envelope.Date}</h3>
+    </div>
+  {/each}
+{/if}
 
 <style lang="scss">
+  .msg {
+    border-bottom: 1px solid white;
+  }
 </style>