qubit 1.0.0-beta.2

Seamless RPC for Rust & TypeScript
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

import { useQuery } from "@tanstack/react-query";
import { useState } from "react";
import { api } from "../api";
import { Avatar } from "./Avatar";

export const Input = () => {
  const [value, setValue] = useState("");

  const { data: name } = useQuery({
    queryKey: ["name"],
    queryFn: () => api.get_name.query(),
  });

  return (
    <form
      onSubmit={(e) => {
        e.preventDefault();
        const message = value.trim();
        if (value.length > 0) {
          api.send_message.mutate(message);
          setValue("");
        }
      }}
    >
      <Avatar emoji={name ?? "?"} />
      <input placeholder="Enter a message" value={value} onChange={(e) => setValue(e.target.value)} />
      <button type="submit">Send</button>
    </form>
  );
};