From 5a8126463d9b3d772aea858f78975733cf10e745 Mon Sep 17 00:00:00 2001
From: Jordan Brookman <Jordan.Brookman@ibm.com>
Date: Sat, 7 May 2022 21:15:45 -0400
Subject: [PATCH] Add receive screeen

---
 frontend/src/routes/Receive.js | 60 ++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 frontend/src/routes/Receive.js

diff --git a/frontend/src/routes/Receive.js b/frontend/src/routes/Receive.js
new file mode 100644
index 0000000..d81d0a0
--- /dev/null
+++ b/frontend/src/routes/Receive.js
@@ -0,0 +1,60 @@
+import { ContactsIcon, CopyIcon, QrCodeIcon, ShareIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
+import Button from "../components/Button";
+import InputText from "../components/InputText";
+
+const Receive = () => {
+  return (
+    <>
+      <div className="min-h-screen">
+        <div className="default-bg"></div>
+        <div className="min-w-screen min-h-screen p-8 flex flex-col justify-center z-10 relative">
+          <h1 className="text-2xl">Receive payment</h1>
+
+          <div className="tile">
+            <QrCodeIcon />
+          </div>
+          <div className="flex justify-around align-center ">
+            <div className="outline outline-1">
+              <Button style="free" size="small">
+                <ShareIcon width="52" height="52" />
+                <div>Share</div>
+              </Button>
+            </div>
+            <div className="outline outline-1">
+              <Button style="free" size="small">
+                <CopyIcon width="52" height="52" />
+                <div>Copy</div>
+              </Button>
+            </div>
+          </div>
+
+          <div className="flex justify-around align-center mt-1">
+            <div>
+              <Button style="free" size="small">
+                <ContactsIcon width="32" height="32" />
+                <div className="text-sm">Contact</div>
+              </Button>
+            </div>
+            <div>
+              <Button style="free" size="small">
+                <CopyIcon width="32" height="32" />
+                <div className="text-sm">Notes & Tags</div>
+              </Button>
+            </div>
+          </div>
+
+          <div className="tile">
+            <InputText placeholder="Details and Settings              v" />
+
+
+          </div>
+
+
+        </div>
+        <h1>This is the Receive screen</h1>
+      </div>
+    </>
+  );
+};
+
+export default Receive;
\ No newline at end of file