From 330bf49492a8babf5a1fc5f8d4c88f3237a0c1f8 Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <hello@tefkah.com>
Date: Sat, 9 Oct 2021 19:55:44 +0200
Subject: feat(preview): image previewing

---
 components/Sidebar/Link.tsx     | 5 ++---
 components/Sidebar/OrgImage.tsx | 6 ++++--
 2 files changed, 6 insertions(+), 5 deletions(-)

(limited to 'components')

diff --git a/components/Sidebar/Link.tsx b/components/Sidebar/Link.tsx
index 4463fb8..3791c74 100644
--- a/components/Sidebar/Link.tsx
+++ b/components/Sidebar/Link.tsx
@@ -134,14 +134,13 @@ export const PreviewLink = (props: LinkProps) => {
           </PreviewLink>
         ),
         img: ({ src }) => {
-          return <OrgImage src={src as string} file={file} />
+          return <OrgImage src={src as string} file={nodeById[id]?.file as string} />
         },
       },
     })
 
   const getText = () => {
-    console.log('gettin text')
-    fetch(`127.0.0.1:35901/file/${file}`)
+    fetch(`http://localhost:35901/file/${file}`)
       .then((res) => {
         return res.text()
       })
diff --git a/components/Sidebar/OrgImage.tsx b/components/Sidebar/OrgImage.tsx
index d602f0c..a87fc4c 100644
--- a/components/Sidebar/OrgImage.tsx
+++ b/components/Sidebar/OrgImage.tsx
@@ -22,12 +22,14 @@ export const OrgImage = (props: OrgImageProps) => {
 *   })
 }, [fullPath]) */
 
-  const dir = path.dirname(src)
+  const dir = path.dirname(file)
   const fullPath = encodeURIComponent(encodeURIComponent(path.join(dir, src)))
 
   const dumbLoader = ({ src, width, quality }: { [key: string]: string | number }) => {
     return `http://localhost:35901/img/${src}`
   }
 
-  return <Image unoptimized loader={dumbLoader} src={fullPath} alt="" width={100} height={100} />
+  return (
+    <Image layout="responsive" loader={dumbLoader} src={fullPath} alt="" width="70%" height="70%" />
+  )
 }
-- 
cgit v1.2.3