From a867d4ce1bd3e0f98c887b3821a1091d7838a53a Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <hello@tefkah.com>
Date: Sat, 29 Jan 2022 16:13:28 +0100
Subject: feat(preview): add quote block styling

---
 util/processOrg.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

(limited to 'util/processOrg.tsx')

diff --git a/util/processOrg.tsx b/util/processOrg.tsx
index aa0118d..39d0a7c 100644
--- a/util/processOrg.tsx
+++ b/util/processOrg.tsx
@@ -35,7 +35,7 @@ import { OrgRoamLink, OrgRoamNode } from '../api'
 
 // @ts-expect-error non-ESM unified means no types
 import { toString } from 'hast-util-to-string'
-import { Box } from '@chakra-ui/react'
+import { Box, chakra } from '@chakra-ui/react'
 
 export interface ProcessedOrgProps {
   nodeById: NodeById
@@ -165,8 +165,6 @@ export const ProcessedOrg = (props: ProcessedOrgProps) => {
               return <OrgImage src={src as string} file={previewNode?.file} />
             },
             section: ({ children, className }) => {
-              console.log(className)
-              console.log(previewNode.level)
               if (className && (className as string).slice(-1) === `${previewNode.level}`) {
                 return <Box>{(children as React.ReactElement[]).slice(1)}</Box>
               }
@@ -176,6 +174,18 @@ export const ProcessedOrg = (props: ProcessedOrgProps) => {
                 </Section>
               )
             },
+            blockquote: ({ children }) => (
+              <chakra.blockquote
+                color="gray.800"
+                bgColor="gray.300"
+                pt={2}
+                pl={4}
+                borderLeftWidth={4}
+                borderLeftColor="gray.700"
+              >
+                {children as React.ReactElement[]}
+              </chakra.blockquote>
+            ),
             p: ({ children }) => {
               return <p lang="en">{children as ReactNode}</p>
             },
-- 
cgit v1.2.3

