diff --git a/src/ui/Test.tsx b/src/ui/Test.tsx
new file mode 100644
index 0000000..ebae74b
--- /dev/null
+++ b/src/ui/Test.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+
+import {invoke} from '@tauri-apps/api/tauri'
+
+async function startProxy() {
+  await invoke('connect')
+}
+
+async function stopProxy() {
+  await invoke('disconnect')
+}
+
+class Test extends React.Component<any, any>{
+  render() {
+    return (
+      <div className="App">
+        <button onClick={startProxy}>start proxy</button>
+        <button onClick={stopProxy}>stop proxy</button>
+      </div>
+    )
+  }
+}
+
+export default Test
\ No newline at end of file