feat: save file

lancatlin · Mar 10, 2024 · 51c4d74 · 51c4d74
1 parent 8c47a67
commit 51c4d74
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 5 deletions.
diff --git a/app/src/components/edit/EditForm.vue b/app/src/components/edit/EditForm.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, watch } from "vue";
-import { getFileContent } from "../../utils/api";
+import { getFileContent, saveFile } from "../../utils/api";
 import { useToast } from "vue-toast-notification";
 
 const toast = useToast();
@@ -25,17 +25,28 @@ watch(
 );
 
 async function reset() {
-  code.value = await getFileContent(props.filePath);
-  fileChanged.value = false;
+  try {
+    code.value = await getFileContent(props.filePath);
+    fileChanged.value = false;
+  } catch (err) {
+    toast.error("Failed to open file");
+    console.error(err);
+  }
 }
 
 function onChange() {
   fileChanged.value = true;
 }
 
 async function save() {
-  toast.success("File saved!");
-  fileChanged.value = false;
+  try {
+    await saveFile(props.filePath, code.value);
+    toast.success("File saved!");
+    fileChanged.value = false;
+  } catch (err) {
+    console.error(err);
+    toast.error("Failed to save file");
+  }
 }
 </script>
 <template>

diff --git a/app/src/utils/api.ts b/app/src/utils/api.ts
@@ -51,3 +51,7 @@ export async function getFileContent(path: string): Promise<string> {
   });
   return response.data;
 }
+
+export async function saveFile(path: string, content: string): Promise<void> {
+  await api.post(`/files/${path}`, { data: content });
+}