From 159c08b08353924e22c81c297f308a662becd511 Mon Sep 17 00:00:00 2001
From: Paul Miller <paul@paul.lol>
Date: Tue, 31 Oct 2023 18:00:10 -0500
Subject: [PATCH] make sure we've loaded data before showing details

---
 src/components/ActivityDetailsModal.tsx | 100 +++++++++++++-----------
 1 file changed, 55 insertions(+), 45 deletions(-)

diff --git a/src/components/ActivityDetailsModal.tsx b/src/components/ActivityDetailsModal.tsx
index bcb6d6d..8de4228 100644
--- a/src/components/ActivityDetailsModal.tsx
+++ b/src/components/ActivityDetailsModal.tsx
@@ -536,56 +536,66 @@ export function ActivityDetailsModal(props: {
                                 </div>
                                 <Dialog.Title>
                                     <FancyCard>
-                                        <Switch>
-                                            <Match
-                                                when={kind() === "Lightning"}
-                                            >
-                                                <LightningHeader
-                                                    info={
-                                                        data() as MutinyInvoice
+                                        <Show when={data.latest}>
+                                            <Switch>
+                                                <Match
+                                                    when={
+                                                        kind() === "Lightning"
                                                     }
-                                                />
-                                            </Match>
-                                            <Match
-                                                when={
-                                                    kind() === "OnChain" ||
-                                                    kind() === "ChannelOpen" ||
-                                                    kind() === "ChannelClose"
-                                                }
-                                            >
-                                                <OnchainHeader
-                                                    info={data() as OnChainTx}
-                                                    kind={kind()}
-                                                />
-                                            </Match>
-                                        </Switch>
+                                                >
+                                                    <LightningHeader
+                                                        info={
+                                                            data() as MutinyInvoice
+                                                        }
+                                                    />
+                                                </Match>
+                                                <Match
+                                                    when={
+                                                        kind() === "OnChain" ||
+                                                        kind() ===
+                                                            "ChannelOpen" ||
+                                                        kind() ===
+                                                            "ChannelClose"
+                                                    }
+                                                >
+                                                    <OnchainHeader
+                                                        info={
+                                                            data() as OnChainTx
+                                                        }
+                                                        kind={kind()}
+                                                    />
+                                                </Match>
+                                            </Switch>
+                                        </Show>
                                     </FancyCard>
                                 </Dialog.Title>
                                 <Hr />
                                 <Switch>
-                                    <Match when={kind() === "Lightning"}>
-                                        <LightningDetails
-                                            info={data() as MutinyInvoice}
-                                            tags={tags()}
-                                        />
-                                    </Match>
-                                    <Match
-                                        when={
-                                            kind() === "OnChain" ||
-                                            kind() === "ChannelOpen"
-                                        }
-                                    >
-                                        <OnchainDetails
-                                            info={data() as OnChainTx}
-                                            kind={kind()}
-                                            tags={tags()}
-                                        />
-                                    </Match>
-                                    <Match when={kind() === "ChannelClose"}>
-                                        <ChannelCloseDetails
-                                            info={data() as ChannelClosure}
-                                        />
-                                    </Match>
+                                    <Show when={data.latest}>
+                                        <Match when={kind() === "Lightning"}>
+                                            <LightningDetails
+                                                info={data() as MutinyInvoice}
+                                                tags={tags()}
+                                            />
+                                        </Match>
+                                        <Match
+                                            when={
+                                                kind() === "OnChain" ||
+                                                kind() === "ChannelOpen"
+                                            }
+                                        >
+                                            <OnchainDetails
+                                                info={data() as OnChainTx}
+                                                kind={kind()}
+                                                tags={tags()}
+                                            />
+                                        </Match>
+                                        <Match when={kind() === "ChannelClose"}>
+                                            <ChannelCloseDetails
+                                                info={data() as ChannelClosure}
+                                            />
+                                        </Match>
+                                    </Show>
                                 </Switch>
                             </div>
                         </Suspense>