From fd4edbd6a854275c10c5b21173f0875921d547d1 Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <hello@tefkah.com>
Date: Thu, 7 Oct 2021 01:42:14 +0200
Subject: feat(preview): hover links + ui upgrade

---
 util/uniorg.tsx | 44 +++++++++++++++++++++++++++-----------------
 1 file changed, 27 insertions(+), 17 deletions(-)

(limited to 'util/uniorg.tsx')

diff --git a/util/uniorg.tsx b/util/uniorg.tsx
index 3304a32..e35a021 100644
--- a/util/uniorg.tsx
+++ b/util/uniorg.tsx
@@ -1,24 +1,34 @@
-import unified from 'unified'
-//import createStream from 'unified-stream'
-import uniorgParse from 'uniorg-parse'
-import uniorg2rehype from 'uniorg-rehype'
-//import highlight from 'rehype-highlight'
-import katex from 'rehype-katex'
-import rehype2react from 'rehype-react'
-import React from 'react'
+import React, { useEffect, useState } from 'react'
+import { NodeById } from '../pages/index'
+import { ProcessedOrg } from './processOrg'
 
 export interface UniOrgProps {
-  orgText: string
+  nodeById: NodeById
+  previewNode: any
+  setPreviewNode: any
+  getText: any
 }
 
 export const UniOrg = (props: UniOrgProps) => {
-  const { orgText } = props
-  const processor = unified()
-    .use(uniorgParse)
-    .use(uniorg2rehype)
-    .use(katex)
-    .use(rehype2react, { createElement: React.createElement })
+  const { nodeById, previewNode, setPreviewNode, getText } = props
 
-  console.log(processor.processSync(orgText))
-  return <div> {processor.processSync(orgText).result}</div>
+  const [previewText, setPreviewText] = useState('')
+
+  useEffect(() => {
+    if (previewNode?.id) {
+      getText(previewNode?.id, setPreviewText)
+    }
+  }, [previewNode?.id])
+
+  return (
+    <ProcessedOrg
+      {...{
+        getText,
+        nodeById,
+        previewNode,
+        setPreviewNode,
+        previewText,
+      }}
+    />
+  )
 }
-- 
cgit v1.2.3

