jb-ui/src/pages/Transfer.tsx


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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

import { clsx } from "clsx";

import { useSelector } from "react-redux";

const Transfer = function () {
  let error = [];

  const handleInputChange = (
    event: React.KeyboardEvent<HTMLInputElement>,
  ) => {};

  const handleKeyPress = (event: KeyboardEvent<HTMLInputElement>) => {};

  const handleSubmit = (e) => {
    e.preventDefault();
    console.log("Form submitted successfully!");
  };

  return (
    <div className="px-6 my-6">
      <h2
        className="
                    bg-red-500 rounded py-2
                    text-white text-2xl font-semibold text-center"
      >
        Transfer Required
      </h2>
      <p
        className="
                    py-4
                    text-zinc-500 text-2xl font-semibold text-center"
      >
        James Billings is finished 😭 Just Kidding!!!
      </p>

      <input
        type="text"
        id="text-entry-input"
        aria-describedby=""
        // defaultValue={answer?.values.length ? answer?.values[0] : ""}
        // onKeyUp={handleInputChange}
        // onKeyDown={handleKeyPress} // Use onKeyDown to listen for the key press
        // title={error ? answer?.error_msg : ""}
        className={clsx("w-full border-1 rounded px-2 py-1")}
      />
    </div>
  );
};

export default Transfer;