Fix mode switching

islands/Editor.tsx

@@ -6,9 +6,9 @@ import { debounce, DebouncedFunction } from "$async/debounce.ts";
 import { hideLoading } from "utils/ui.ts";
 
 export enum EditorMode {
-  Edit,
-  Read,
-  Both,
+  Edit = 1,
+  Read = 2,
+  Both = 3,
 }
 
 interface EditorProps {
@@ -187,8 +187,8 @@ export default function Editor(props: EditorProps) {
     }
   };
 
-  const getModeText = (mode: EditorMode) => {
-    switch (mode) {
+  const getModeText = (currentMode: EditorMode) => {
+    switch (currentMode) {
       case EditorMode.Read:
         return "read";
       case EditorMode.Edit:

islands/TopBar.tsx

@@ -21,8 +21,8 @@ export default function TopBar(props: TopBarProps) {
     }
   };
 
-  // Event dispatche
-  const modeChangeDispatcher = (mode: string) => {
+  // Event dispatcher
+  const modeChangeDispatcher = (mode: EditorMode) => {
     dispatchEvent(new CustomEvent("ModeChange", { detail: mode }));
   };
 
@@ -59,7 +59,7 @@ export default function TopBar(props: TopBarProps) {
           id="edit"
           type="button"
           onClick={() => {
-            modeChangeDispatcher("edit");
+            modeChangeDispatcher(EditorMode.Edit);
           }}
         >
           Edit
@@ -71,7 +71,7 @@ export default function TopBar(props: TopBarProps) {
           id="read"
           type="button"
           onClick={() => {
-            modeChangeDispatcher("read");
+            modeChangeDispatcher(EditorMode.Read);
           }}
         >
           Read
@@ -83,7 +83,7 @@ export default function TopBar(props: TopBarProps) {
           id="both"
           type="button"
           onClick={() => {
-            modeChangeDispatcher("both");
+            modeChangeDispatcher(EditorMode.Both);
           }}
         >
           Both