From 68b483f89cd1615fe0945a9f6d5b9ab23454505b Mon Sep 17 00:00:00 2001
From: Pihkaal <pihkaal@proton.me>
Date: Sat, 1 Jun 2024 00:33:04 +0200
Subject: [PATCH] feat(nvim-editor): fetch and display opened file

---
 src/components/Nvim/NvimEditor.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/Nvim/NvimEditor.tsx b/src/components/Nvim/NvimEditor.tsx
index bae7c2e..41516f7 100644
--- a/src/components/Nvim/NvimEditor.tsx
+++ b/src/components/Nvim/NvimEditor.tsx
@@ -1,8 +1,18 @@
-import { useState } from "react";
+import axios from "axios";
+import { useEffect, useState } from "react";
 
 export const NvimEditor = (props: { source: string | undefined }) => {
   const [data, setData] = useState<string>();
   const [loading, setLoading] = useState(false);
 
-  return <div className="h-full">{props.source}</div>;
+  useEffect(() => {
+    if (!props.source) return;
+    setLoading(true);
+    axios.get<string>(props.source).then(({ data }) => {
+      setData(data);
+      setLoading(false);
+    });
+  }, [props.source]);
+
+  return <div className="h-full">{loading ? "Loading..." : data}</div>;
 };