Handle incorrect links and corrupted files

src/components/EditorHeader/ControlPanel.jsx

@@ -1084,7 +1084,7 @@ export default function ControlPanel({
                 data: result,
                 extension: "md",
               }));
-            }
+            },
           },
         ],
         function: () => {},
@@ -1604,6 +1604,8 @@ export default function ControlPanel({
         return t("saving");
       case State.ERROR:
         return t("failed_to_save");
+      case State.FAILED_TO_LOAD:
+        return t("failed_to_load");
       default:
         return "";
     }

src/components/EditorHeader/Modal/Share.jsx

@@ -146,10 +146,7 @@ export default function Share({ title }) {
         </Button>
       </div>
       <hr className="opacity-20 mt-3 mb-1" />
-      <div className="text-xs">
-        * Sharing this link will not create a live real-time collaboration
-        session
-      </div>
+      <div className="text-xs">{t("share_info")}</div>
     </div>
   );
 }

src/components/Workspace.jsx

@@ -356,6 +356,7 @@ export default function WorkSpace() {
         }
       } catch (e) {
         console.log(e);
+        setSaveState(State.FAILED_TO_LOAD);
       }
     },
     [
@@ -369,6 +370,7 @@ export default function WorkSpace() {
       setTransform,
       setRedoStack,
       setUndoStack,
+      setSaveState,
     ],
   );
 

src/data/constants.js

@@ -77,6 +77,7 @@ export const State = {
   SAVED: 2,
   LOADING: 3,
   ERROR: 4,
+  FAILED_TO_LOAD: 5,
 };
 
 export const MODAL = {

src/i18n/locales/en.js

@@ -239,6 +239,9 @@ const en = {
     share: "Share",
     copy_link: "Copy link",
     readme: "README",
+    failed_to_load: "Failed to load. Make sure the link is correct.",
+    share_info:
+      "* Sharing this link will not create a live real-time collaboration session.",
   },
 };