fix: display non-rel image

1 files changed, 19 insertions, 5 deletions

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%"