From 781072dcb0a86ed7159d34dd609616535bbf4adf Mon Sep 17 00:00:00 2001
From: slackermorris <morris.w.jack@gmail.com>
Date: Fri, 30 Jun 2023 11:04:25 +1200
Subject: [PATCH] fix: codeblock component was printing code to screen.. weird

---
 app/components/CodeBlock.tsx                | 1 -
 app/routes/braindumps.list.$braindumpId.tsx | 6 +++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/app/components/CodeBlock.tsx b/app/components/CodeBlock.tsx
index b5d06b9..a4656d1 100644
--- a/app/components/CodeBlock.tsx
+++ b/app/components/CodeBlock.tsx
@@ -37,7 +37,6 @@ const CodeBlock = ({
         </code>
       </pre>
       <P styleProps={["italic"]}>{caption}</P>
-      <div>{code}</div>
     </div>
   );
 };
diff --git a/app/routes/braindumps.list.$braindumpId.tsx b/app/routes/braindumps.list.$braindumpId.tsx
index d547213..9294b9a 100644
--- a/app/routes/braindumps.list.$braindumpId.tsx
+++ b/app/routes/braindumps.list.$braindumpId.tsx
@@ -33,7 +33,6 @@ type LoaderData = {
 };
 
 export const loader: LoaderFunction = async ({ params }) => {
-
   /* 1. retrieve the Notion Page equivalent of this Braindump */
   const response: Page = await notionClient.pages.retrieve({
     page_id: params.braindumpId,
@@ -306,12 +305,13 @@ const useNotionInterpretBlocks = (
             return null;
 
           case "code":
-            // todo: throw an error if a code block is missing a caption
             return (
               <CodeBlock
                 key={block.id}
                 content={{
-                  caption: block.code.caption[0].plain_text,
+                  ...(block.code.caption[0] && {
+                    caption: block.code.caption[0].plain_text,
+                  }),
                   code: block.code.rich_text[0].plain_text,
                 }}
               />