Initial fix for issue #175

Fixes issue #177

components/HooksEditor.tsx

@@ -5,7 +5,6 @@ import type monaco from "monaco-editor";
 import { ArrowBendLeftUp } from "phosphor-react";
 import { useTheme } from "next-themes";
 import { useRouter } from "next/router";
-import uniqBy from "lodash.uniqby";
 
 import Box from "./Box";
 import Container from "./Container";
@@ -45,7 +44,17 @@ const setMarkers = (monacoE: typeof monaco) => {
   // Get all the markers that are active at the moment,
   // Also if same error is there twice, we can show the content
   // only once (that's why we're using uniqBy)
-  const markers = uniqBy(
+  const markers = monacoE.editor
+    .getModelMarkers({})
+    // Filter out the markers that are hooks specific
+    .filter(
+      (marker) =>
+        typeof marker?.code === "string" &&
+        // Take only markers that starts with "hooks-"
+        marker?.code?.includes("hooks-")
+    );
+
+  console.log(
     monacoE.editor
       .getModelMarkers({})
       // Filter out the markers that are hooks specific
@@ -54,8 +63,7 @@ const setMarkers = (monacoE: typeof monaco) => {
           typeof marker?.code === "string" &&
           // Take only markers that starts with "hooks-"
           marker?.code?.includes("hooks-")
-      ),
-    "code"
+      )
   );
 
   // Get the active model (aka active file you're editing)

components/SetHookDialog.tsx

@@ -60,16 +60,25 @@ export const SetHookDialog: React.FC<{ account: IAccount }> = ({ account }) => {
     handleSubmit,
     control,
     watch,
+    setValue,
     formState: { errors },
   } = useForm<SetHookData>({
     defaultValues: {
-      HookNamespace: snap.files?.[snap.active]?.name?.split(".")?.[0] || "",
+      HookNamespace: snap.files?.[snap.activeWat]?.name?.split(".")?.[0] || "",
     },
   });
   const { fields, append, remove } = useFieldArray({
     control,
     name: "HookParameters", // unique name for your Field Array
   });
+
+  // Update value if activeWat changes
+  useEffect(() => {
+    setValue(
+      "HookNamespace",
+      snap.files?.[snap.activeWat]?.name?.split(".")?.[0] || ""
+    );
+  }, [snap.activeWat, snap.files, setValue]);
   // const {
   //   fields: grantFields,
   //   append: grantAppend,
@@ -156,7 +165,7 @@ export const SetHookDialog: React.FC<{ account: IAccount }> = ({ account }) => {
                   {...register("HookNamespace", { required: true })}
                   autoComplete={"off"}
                   defaultValue={
-                    snap.files?.[snap.active]?.name?.split(".")?.[0] || ""
+                    snap.files?.[snap.activeWat]?.name?.split(".")?.[0] || ""
                   }
                 />
                 {errors.HookNamespace?.type === "required" && (
@@ -184,7 +193,7 @@ export const SetHookDialog: React.FC<{ account: IAccount }> = ({ account }) => {
                         )}
                       />
                       <Input
-                        placeholder="Parameter value"
+                        placeholder="Value (hex-quoted)"
                         {...register(
                           `HookParameters.${index}.HookParameter.HookParameterValue`
                         )}

state/actions/deployHook.tsx

@@ -80,7 +80,7 @@ export const deployHook = async (
   )?.map(aa => ({
     HookParameter: {
       HookParameterName: toHex(aa.HookParameter.HookParameterName || ""),
-      HookParameterValue: toHex(aa.HookParameter.HookParameterValue || ""),
+      HookParameterValue: aa.HookParameter.HookParameterValue || "",
     },
   }));
   // const filteredHookGrants = HookGrants.filter(hg => hg.HookGrant.Authorize || hg.HookGrant.HookHash).map(hg => {