Fix: bug in on export

Author: Akalanka47000

src/components/operations/export-button.tsx

@@ -51,6 +51,7 @@ const ExportAction: React.FC<IExportActionProps> = ({ text = "Export JSON", onEx
       icon={<Braces />}
       label={text}
       onClick={onExportJson}
+      loading={loading}
       className={styles?.core?.button?.className}
       style={styles?.core?.button?.properties}
     />

src/components/operations/index.tsx

@@ -6,7 +6,6 @@ import { ids } from "@/constants";
 import { store } from "@/store";
 import { locationPlaceholder, setLocation, toggleControls } from "@/store/reducers/editor";
 import { ISTKProps } from "@/types";
-import { stateToJSON } from "@/utils";
 import { default as ExportAction } from "./export-button";
 import { default as GridSwitch } from "./grid-switch";
 
@@ -29,17 +28,6 @@ const Operations: React.FC<ISTKProps> = ({
     store.dispatch(setLocation(e.target.value));
   };
 
-  const onExportJson = () => {
-    const json = stateToJSON();
-    if (events?.onExport) {
-      events?.onExport(json);
-    } else {
-      console.log(json);
-      sessionStorage.setItem("stk-data", JSON.stringify(json));
-      navigator.clipboard.writeText(JSON.stringify(json));
-    }
-  };
-
   return (
     <div
       id={ids.operationBar}
@@ -63,7 +51,7 @@ const Operations: React.FC<ISTKProps> = ({
       />
       <div className="flex justify-between items-center gap-5">
         {showGridSwitch && <GridSwitch className="mr-2" />}
-        <ExportAction text={exportButtonText} onExport={onExportJson} styles={props.styles} />
+        <ExportAction text={exportButtonText} onExport={events?.onExport} styles={props.styles} />
         <OperationTriggerIcon
           id={ids.operationTrigger}
           size={35}