From ee0656753fe3cb585bda106ab80d202932ba87e3 Mon Sep 17 00:00:00 2001
From: sembauke <semboot699@gmail.com>
Date: Wed, 15 Nov 2023 14:00:57 +0100
Subject: [PATCH] feat: break everything

---
 apps/backend/config/plugins.js          | 10 ++++++++++
 apps/backend/package.json               |  1 +
 apps/frontend/src/components/tiptap.jsx | 14 +++++++++-----
 package-lock.json                       |  5 +++--
 4 files changed, 23 insertions(+), 7 deletions(-)
 create mode 100644 apps/backend/config/plugins.js

diff --git a/apps/backend/config/plugins.js b/apps/backend/config/plugins.js
new file mode 100644
index 000000000..b00e9c7e7
--- /dev/null
+++ b/apps/backend/config/plugins.js
@@ -0,0 +1,10 @@
+module.exports = () => ({
+  upload: {
+    config: {
+      provider: "local",
+      providerOptions: {
+        sizeLimit: 100000,
+      },
+    },
+  },
+});
diff --git a/apps/backend/package.json b/apps/backend/package.json
index 6c0407824..8aaddd0a0 100644
--- a/apps/backend/package.json
+++ b/apps/backend/package.json
@@ -21,6 +21,7 @@
     "@strapi/plugin-i18n": "4.15.4",
     "@strapi/plugin-users-permissions": "4.15.4",
     "@strapi/provider-email-nodemailer": "^4.12.4",
+    "@strapi/provider-upload-local": "^4.15.4",
     "@strapi/strapi": "~4.15.0",
     "nanoid": "^3.3.6",
     "pg": "^8.11.3",
diff --git a/apps/frontend/src/components/tiptap.jsx b/apps/frontend/src/components/tiptap.jsx
index 7be50b2b1..3c2905291 100644
--- a/apps/frontend/src/components/tiptap.jsx
+++ b/apps/frontend/src/components/tiptap.jsx
@@ -54,10 +54,12 @@ function ToolBar({ editor, user }) {
   };
 
   useEffect(() => {
+    const form = document.getElementById("choose-image-form");
+
     const addImage = async () => {
-      const file = document.getElementById("feature-image").files[0];
+      const image = document.getElementById("feature-image").files[0];
       const reader = new FileReader();
-      reader.readAsDataURL(file);
+      reader.readAsDataURL(image);
       reader.onloadend = function () {
         const base64data = reader.result;
         editor.commands.setImage({
@@ -67,23 +69,25 @@ function ToolBar({ editor, user }) {
       };
     };
 
-    const form = document.getElementById("choose-image-form");
-
     const handleSubmit = async (event) => {
       event.preventDefault();
 
       await addImage(event);
 
       const apiURL = process.env.NEXT_PUBLIC_STRAPI_BACKEND_URL;
+      // const image = document.getElementById("feature-image").files;
+
+      // const formData = new FormData(event.target);
 
       const res = await fetch(`${apiURL}/api/upload`, {
         method: "post",
         headers: {
           Authorization: `Bearer ${user.jwt}`,
         },
-        body: new FormData(event.target),
+        body: formData,
       });
       console.log(event.target);
+
       console.log(res);
     };
 
diff --git a/package-lock.json b/package-lock.json
index 2889b0428..f6ab8baf3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,6 +23,7 @@
         "@strapi/plugin-i18n": "4.15.4",
         "@strapi/plugin-users-permissions": "4.15.4",
         "@strapi/provider-email-nodemailer": "^4.12.4",
+        "@strapi/provider-upload-local": "^4.15.4",
         "@strapi/strapi": "~4.15.0",
         "nanoid": "^3.3.6",
         "pg": "^8.11.3",
@@ -115,8 +116,8 @@
     "apps/frontend": {
       "version": "0.1.0",
       "dependencies": {
-        "@chakra-ui/next-js": "^2.2.0",
-        "@chakra-ui/react": "^2.8.2",
+        "@chakra-ui/next-js": "^2.1.5",
+        "@chakra-ui/react": "^2.8.0",
         "@choc-ui/chakra-autocomplete": "^5.2.8",
         "@emotion/react": "^11.11.1",
         "@emotion/styled": "^11.11.0",