From 0f4fd41b6ba38f4692e9df77ed1fafcf733144b7 Mon Sep 17 00:00:00 2001
From: DanConwayDev <DanConwayDev@protonmail.com>
Date: Tue, 27 Feb 2024 19:58:02 +0000
Subject: [PATCH] feat: show proposal / issue event as thread msg

so they appears as part of the conversation
---
 src/lib/wrappers/Thread.svelte                |  2 +
 .../[repo_id]/issue/[issue_id]/+page.svelte   | 18 ++--
 .../proposal/[proposal_id]/+page.svelte       | 93 ++++++++-----------
 3 files changed, 49 insertions(+), 64 deletions(-)

diff --git a/src/lib/wrappers/Thread.svelte b/src/lib/wrappers/Thread.svelte
index 4861ba1..0f7b30c 100644
--- a/src/lib/wrappers/Thread.svelte
+++ b/src/lib/wrappers/Thread.svelte
@@ -4,6 +4,7 @@
   import EventCard from './EventCard.svelte'
   import ThreadWrapper from '$lib/components/events/ThreadWrapper.svelte'
   import { writable } from 'svelte/store'
+  import ComposeReply from './ComposeReply.svelte'
 
   export let event: NDKEvent
   export let type: 'proposal' | 'issue' = 'proposal'
@@ -26,4 +27,5 @@
   {#each $replies_store as event}
     <EventCard {type} {event} />
   {/each}
+  <ComposeReply {type} reply_to_event_id={event.id} />
 </ThreadWrapper>
diff --git a/src/routes/repo/[repo_id]/issue/[issue_id]/+page.svelte b/src/routes/repo/[repo_id]/issue/[issue_id]/+page.svelte
index 2fb63c6..d22796a 100644
--- a/src/routes/repo/[repo_id]/issue/[issue_id]/+page.svelte
+++ b/src/routes/repo/[repo_id]/issue/[issue_id]/+page.svelte
@@ -12,8 +12,6 @@
   import RepoHeader from '$lib/components/repo/RepoHeader.svelte'
   import Thread from '$lib/wrappers/Thread.svelte'
   import Container from '$lib/components/Container.svelte'
-  import ParsedContent from '$lib/components/events/content/ParsedContent.svelte'
-  import ComposeReply from '$lib/wrappers/ComposeReply.svelte'
   import ProposalHeader from '$lib/components/proposals/ProposalHeader.svelte'
   import ProposalDetails from '$lib/components/proposals/ProposalDetails.svelte'
 
@@ -68,15 +66,13 @@
     <div class="mx-auto max-w-6xl md:flex">
       <div class="md:mr-2 md:w-2/3">
         <div class="max-w-4xl">
-          <div class="my-3">
-            <ParsedContent content={$selected_issue_full.summary.descritpion} />
-          </div>
-          {#each $selected_issue_replies as event}
-            <Thread type="issue" {event} replies={[]} />
-          {/each}
-          <div class="my-3">
-            <ComposeReply type="issue" />
-          </div>
+          {#if $selected_issue_full.issue_event}
+            <Thread
+              type="issue"
+              event={$selected_issue_full.issue_event}
+              replies={$selected_issue_replies}
+            />
+          {/if}
         </div>
       </div>
       <div class="prose ml-2 hidden w-1/3 md:flex">
diff --git a/src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte b/src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte
index 9db6140..58f7f81 100644
--- a/src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte
+++ b/src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte
@@ -14,10 +14,6 @@
   import Thread from '$lib/wrappers/Thread.svelte'
   import ProposalDetails from '$lib/components/proposals/ProposalDetails.svelte'
   import Container from '$lib/components/Container.svelte'
-  import ParsedContent from '$lib/components/events/content/ParsedContent.svelte'
-  import ComposeReply from '$lib/wrappers/ComposeReply.svelte'
-  import { patch_kind } from '$lib/kinds'
-  import Patch from '$lib/components/events/content/Patch.svelte'
 
   export let data: {
     repo_id: string
@@ -72,57 +68,48 @@
     <div class="mx-auto max-w-6xl md:flex">
       <div class="md:mr-2 md:w-2/3">
         <div class="max-w-4xl">
-          <div class="my-3">
-            {#if $selected_proposal_full.proposal_event && $selected_proposal_full.proposal_event.kind === patch_kind}
-              <Patch
-                content={$selected_proposal_full.proposal_event.content}
-                tags={$selected_proposal_full.proposal_event.tags}
-              />
-            {:else}
-              <ParsedContent
-                content={$selected_proposal_full.summary.descritpion}
-              />
-            {/if}
-          </div>
-          <div role="alert" class="alert mt-3">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              fill="none"
-              viewBox="0 0 24 24"
-              class="h-6 w-6 shrink-0 stroke-info"
-              ><path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-              ></path></svg
-            >
-            <div>
-              <h3 class="prose mb-2 text-sm font-bold">
-                view proposal in local git repository
-              </h3>
-              <p class="prose text-xs">
-                <a href="/ngit">install ngit</a>, run
-                <span class="rounded bg-neutral p-1 font-mono"
-                  ><span class="py-3">ngit list</span></span
-                > from the local repository and select the proposal title
-              </p>
-            </div>
-          </div>
-          {#each $selected_proposal_replies as event}
-            <Thread type="proposal" {event} replies={[]} />
-          {/each}
-          <div class="my-3">
-            <ComposeReply type="proposal" />
-          </div>
+          {#if $selected_proposal_full.proposal_event}
+            <Thread
+              type="proposal"
+              event={$selected_proposal_full.proposal_event}
+              replies={$selected_proposal_replies}
+            />
+          {/if}
         </div>
       </div>
-      <div class="prose ml-2 hidden w-1/3 md:flex">
-        <ProposalDetails
-          summary={$selected_proposal_full.summary}
-          labels={$selected_proposal_full.labels}
-          loading={$selected_proposal_full.loading}
-        />
+      <div class="prose ml-2 w-1/3">
+        <div role="alert" class="alert mt-3 w-full">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            class="h-6 w-6 shrink-0 stroke-info"
+            ><path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+            ></path></svg
+          >
+          <div>
+            <h3 class="prose mb-2 mt-2 text-sm font-bold">
+              view in local git repository
+            </h3>
+            <p class="prose text-xs">
+              <a href="/ngit">install ngit</a>, run
+              <span class="rounded bg-neutral p-1 font-mono"
+                ><span class="py-3">ngit list</span></span
+              > from the local repository and select the proposal title
+            </p>
+          </div>
+        </div>
+        <div class="block">
+          <ProposalDetails
+            summary={$selected_proposal_full.summary}
+            labels={$selected_proposal_full.labels}
+            loading={$selected_proposal_full.loading}
+          />
+        </div>
       </div>
     </div>
   </Container>