fix: Buffer issue

Author: wsdt

frontend/package.json

@@ -28,7 +28,6 @@
     "truncate-eth-address": "^1.0.2"
   },
   "devDependencies": {
-    "@rollup/plugin-inject": "^5.0.5",
     "@types/node": "^20.14.2",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",

frontend/src/components/ChatBox/index.tsx

@@ -19,7 +19,6 @@ import { hexlify, ethers } from "ethers";
 import { ADD_SUB_CONTRACT } from "@/config/snap";
 
 import { AbiCoder } from "ethers";
-import { Buffer } from "buffer";
 
 const defaultMessage = [
   <>
@@ -58,7 +57,9 @@ export const ChatBox = () => {
         return;
       }
 
-      const txData = hexlify(Buffer.from(inputMessage, "utf8"));
+      const funcSelector = FunctionFragment.getSelector("do_it", ["string"]);
+      const encodedParams = abiCoder.encode(["string"], [inputMessage]);
+      const txData = hexlify(concat([funcSelector, encodedParams]));
 
       const transactionDetails = {
         payload: {

frontend/vite.config.ts

@@ -1,19 +1,13 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import path from 'path'
-import inject from "@rollup/plugin-inject";
 // https://vitejs.dev/config/
 export default defineConfig({
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "src"),
     },
   },
-  build: {
-    rollupOptions: {
-      plugins: [inject({ Buffer: ['Buffer', 'Buffer'] })],
-    },
-  },
   server: {
     port: 8000
   },