From d9e36bb2a40e42149c7c00d480c199a0237d124a Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Sun, 9 Apr 2023 20:44:42 +0000
Subject: [PATCH] fix upload button

---
 .../constants/settings/apparence/index.jsx    |  2 +-
 .../components/uploadButton/index.jsx         | 69 -------------------
 .../app/constants/settings/profile/index.jsx  |  2 +-
 .../app/src/components/UploadButton/index.jsx |  4 ++
 4 files changed, 6 insertions(+), 71 deletions(-)
 delete mode 100755 packages/app/constants/settings/components/uploadButton/index.jsx

diff --git a/packages/app/constants/settings/apparence/index.jsx b/packages/app/constants/settings/apparence/index.jsx
index 407bd51c..3ea675c5 100755
--- a/packages/app/constants/settings/apparence/index.jsx
+++ b/packages/app/constants/settings/apparence/index.jsx
@@ -1,7 +1,7 @@
 import React from "react"
 import loadable from "@loadable/component"
 import { Modal } from "antd"
-import UploadButton from "../components/uploadButton"
+import UploadButton from "components/UploadButton"
 
 import "./index.less"
 
diff --git a/packages/app/constants/settings/components/uploadButton/index.jsx b/packages/app/constants/settings/components/uploadButton/index.jsx
deleted file mode 100755
index aa82ac88..00000000
--- a/packages/app/constants/settings/components/uploadButton/index.jsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from "react"
-import { Button, Upload } from "antd"
-
-import { Icons } from "components/Icons"
-
-export default (props) => {
-    const [uploading, setUploading] = React.useState(false)
-
-    const handleUpload = async (req) => {
-        console.log(req)
-
-        setUploading(true)
-
-        const formData = new FormData()
-
-        formData.append("files", req.file)
-
-        const { data } = await window.app.cores.api.customRequest({
-            url: "/upload",
-            method: "POST",
-            data: formData
-        }).catch((error) => {
-            console.error(error)
-            app.message.error(error.respose.data.message)
-
-            return false
-        })
-
-        setUploading(false)
-
-        if (data) {
-            // check failed uploads
-            if (data.failed.length > 0) {
-                data.failed.forEach((file) => {
-                    app.notification.error({
-                        message: "Failed to upload file",
-                        description: `Could not upload file ${file.fileName} cause > ${file.error}`
-                    })
-                })
-            }
-
-            props.ctx.dispatchUpdate(data.files[0].url)
-        }
-    }
-
-    return <Upload
-        customRequest={handleUpload}
-        multiple={false}
-        accept="image/*"
-        progress={false}
-        fileList={[]}
-    >
-        <Button
-            icon={props.icon ?? <Icons.Upload
-                style={{
-                    margin: 0
-                }}
-            />}
-            loading={uploading}
-            type={
-                props.type ?? "round"
-            }
-        >
-            {
-                props.children ?? "Upload"
-            }
-        </Button>
-    </Upload>
-}
\ No newline at end of file
diff --git a/packages/app/constants/settings/profile/index.jsx b/packages/app/constants/settings/profile/index.jsx
index 4c4a0f8d..07d9ecf0 100755
--- a/packages/app/constants/settings/profile/index.jsx
+++ b/packages/app/constants/settings/profile/index.jsx
@@ -1,7 +1,7 @@
 import React from "react"
 import { UserModel } from "models"
 import loadable from "@loadable/component"
-import UploadButton from "../components/uploadButton"
+import UploadButton from "components/UploadButton"
 
 export default {
     id: "profile",
diff --git a/packages/app/src/components/UploadButton/index.jsx b/packages/app/src/components/UploadButton/index.jsx
index 178b8c79..22eebbf8 100755
--- a/packages/app/src/components/UploadButton/index.jsx
+++ b/packages/app/src/components/UploadButton/index.jsx
@@ -46,6 +46,10 @@ export default (props) => {
             }
 
             if (response.data.files.length > 0) {
+                if (typeof props.ctx?.onUpdateItem === "function") {
+                    props.ctx.onUpdateItem(response.data.files[0].url)
+                }
+
                 if (typeof props.onUploadDone === "function") {
                     if (props.multiple) {
                         await props.onUploadDone(response.data.files)