React with ui -> app IPC

1 files changed, 21 insertions, 0 deletions

diff --git a/ui/src/root.tsx b/ui/src/root.tsx
new file mode 100644
index 0000000..8db8960
--- /dev/null
+++ b/ui/src/root.tsx
@@ -0,0 +1,21 @@
+import { useState } from 'react';
+import { invoke } from '@tauri-apps/api/core';
+
+export default function Root() {
+  const [rustResult, setRustResult] = useState('')
+
+  async function callRust() {
+    const result : string = await invoke('greet', {name: 'ashe'})
+    setRustResult(result)
+  }
+
+  return (
+    <>
+      <p>Now we have React</p>
+      {rustResult
+        ? <p>Result from rust: <pre><code>{rustResult}</code></pre></p>
+        : <button onClick={callRust}>Call rust</button>
+      }
+    </>
+  )
+}