1 files changed, 50 insertions, 0 deletions
diff --git a/jb-ui/src/pages/Transfer.tsx b/jb-ui/src/pages/Transfer.tsx
new file mode 100644
index 0000000..6e087d6
--- /dev/null
+++ b/jb-ui/src/pages/Transfer.tsx
@@ -0,0 +1,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;