From 28b76ba05d8c593ee5252299b0b177f2494004d4 Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <hello@tefkah.com>
Date: Thu, 14 Oct 2021 16:30:30 +0200
Subject: fix: display non-rel image

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

(limited to 'components')

diff --git a/components/Sidebar/Link.tsx b/components/Sidebar/Link.tsx
index f3ada7d..9f6ed76 100644
--- a/components/Sidebar/Link.tsx
+++ b/components/Sidebar/Link.tsx
@@ -102,6 +102,7 @@ export const PreviewLink = (props: LinkProps) => {
   const [whatever, type, uri] = [...href.matchAll(/(.*?)\:(.*)/g)][0]
   const [hover, setHover] = useState(false)
 
+  console.log(href)
   const getId = (type: string, uri: string) => {
     if (type === 'id') {
       return uri
diff --git a/components/Sidebar/OrgImage.tsx b/components/Sidebar/OrgImage.tsx
index f9f508a..60bcdfb 100644
--- a/components/Sidebar/OrgImage.tsx
+++ b/components/Sidebar/OrgImage.tsx
@@ -22,18 +22,32 @@ export const OrgImage = (props: OrgImageProps) => {
 *   })
 }, [fullPath]) */
 
-  const dir = path.dirname(file)
-  const fullPath = encodeURIComponent(encodeURIComponent(path.join(dir, src)))
-
   const dumbLoader = ({ src, width, quality }: { [key: string]: string | number }) => {
+    return `${src}`
+  }
+  const homeLoader = ({ src, width, quality }: { [key: string]: string | number }) => {
     return `http://localhost:35901/img/${src}`
   }
 
+  if (src.replaceAll(/(http)?.*/g, '$1')) {
+    console.log(src.replaceAll(/(http)?.*/g, '$1'))
+    return (
+      <Image layout="responsive" loader={dumbLoader} src={src} alt="" width="100%" height="100%" />
+    )
+  }
+
+  const srcName = src.replaceAll(/file:/g, '')
+
+  const dir = path.dirname(file)
+  const fullPath =
+    path.isAbsolute(srcName) || srcName.slice(0, 1) === '~' ? srcName : path.join(dir, srcName)
+  const encodedPath = encodeURIComponent(encodeURIComponent(fullPath))
+
   return (
     <Image
       layout="responsive"
-      loader={dumbLoader}
-      src={fullPath}
+      loader={homeLoader}
+      src={encodedPath}
       alt=""
       width="100%"
       height="100%"
-- 
cgit v1.2.3