Select comp: remove hightlight from selected option

components/Select.tsx

@@ -91,7 +91,7 @@ const Select = forwardRef<any, Props>((props, ref) => {
             ...provided,
             color: colors.searchText,
             backgroundColor:
-              state.isSelected || state.isFocused
+              state.isFocused
                 ? colors.activeLight
                 : colors.dropDownBg,
             ":hover": {

components/SetHookDialog.tsx

@@ -206,7 +206,6 @@ export const SetHookDialog: React.FC<{ accountAddress: string }> = React.memo(
                   <Select
                     instanceId="deploy-account"
                     placeholder="Select account"
-                    hideSelectedOptions
                     options={accountOptions}
                     value={selectedAccount}
                     onChange={(acc: any) => setSelectedAccount(acc)}

state/actions/compileCode.ts

@@ -29,30 +29,25 @@ export const compileCode = async (activeId: number) => {
   const file = state.files[activeId]
   try {
     file.containsErrors = false
-    let res: Response
-    try {
-      res = await fetch(process.env.NEXT_PUBLIC_COMPILE_API_ENDPOINT, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({
-          output: "wasm",
-          compress: true,
-          strip: state.compileOptions.strip,
-          files: [
-            {
-              type: "c",
-              options: state.compileOptions.optimizationLevel || '-O2',
-              name: file.name,
-              src: file.content,
-            },
-          ],
-        }),
-      });
-    } catch (error) {
-      throw Error("Something went wrong, check your network connection and try again!")
-    }
+    const res = await fetch(process.env.NEXT_PUBLIC_COMPILE_API_ENDPOINT, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        output: "wasm",
+        compress: true,
+        strip: state.compileOptions.strip,
+        files: [
+          {
+            type: "c",
+            options: state.compileOptions.optimizationLevel || '-O2',
+            name: file.name,
+            src: file.content,
+          },
+        ],
+      }),
+    });
     const json = await res.json();
     state.compiling = false;
     if (!json.success) {
@@ -66,34 +61,29 @@ export const compileCode = async (activeId: number) => {
       }
       throw errors
     }
-    try {
-      // Decode base64 encoded wasm that is coming back from the endpoint
-      const bufferData = await decodeBinary(json.output);
-
-      // Import wabt from and create human readable version of wasm file and
-      // put it into state
-      const ww = (await import('wabt')).default()
+    state.logs.push({
+      type: "success",
+      message: `File ${state.files?.[activeId]?.name} compiled successfully. Ready to deploy.`,
+      link: Router.asPath.replace("develop", "deploy"),
+      linkText: "Go to deploy",
+    });
+    // Decode base64 encoded wasm that is coming back from the endpoint
+    const bufferData = await decodeBinary(json.output);
+    file.compiledContent = ref(bufferData);
+    file.lastCompiled = new Date();
+    file.compiledValueSnapshot = file.content
+    // Import wabt from and create human readable version of wasm file and
+    // put it into state
+    import("wabt").then((wabt) => {
+      const ww = wabt.default();
       const myModule = ww.readWasm(new Uint8Array(bufferData), {
         readDebugNames: true,
       });
       myModule.applyNames();
 
       const wast = myModule.toText({ foldExprs: false, inlineExport: false });
-
-      file.compiledContent = ref(bufferData);
-      file.lastCompiled = new Date();
-      file.compiledValueSnapshot = file.content
-      file.compiledWatContent = wast;
-    } catch (error) {
-      throw Error("Invalid compilation result produced, check your code for errors and try again!")
-    }
-
-    toast.success("Compiled successfully!", { position: "bottom-center" });
-    state.logs.push({
-      type: "success",
-      message: `File ${state.files?.[activeId]?.name} compiled successfully. Ready to deploy.`,
-      link: Router.asPath.replace("develop", "deploy"),
-      linkText: "Go to deploy",
+      state.files[state.active].compiledWatContent = wast;
+      toast.success("Compiled successfully!", { position: "bottom-center" });
     });
   } catch (err) {
     console.log(err);
@@ -106,19 +96,12 @@ export const compileCode = async (activeId: number) => {
         });
       })
     }
-    else if (err instanceof Error) {
-      state.logs.push({
-        type: "error",
-        message: err.message,
-      });
-    }
     else {
       state.logs.push({
         type: "error",
-        message: "Something went wrong, come back later!",
+        message: "Something went wrong, check your connection try again later!",
       });
     }
-
     state.compiling = false;
     toast.error(`Error occurred while compiling!`, { position: "bottom-center" });
     file.containsErrors = true