feat: Added the ok page feature of the app.

Motouom · Mar 21, 2024 · 6a175a8 · 6a175a8
1 parent f67af3c
commit 6a175a8
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/power-pay-frontend/src/App.css b/power-pay-frontend/src/App.css
@@ -44,3 +44,14 @@
 .read-the-docs {
   color: #888;
 }
+.ok-page {
+  justify-content: center;
+  align-items: center;
+  padding : 10px;
+  margin-bottom: 34px;
+  border: 1px solid white;
+  border-radius: 20px;
+}
+.okbtn{
+  background-color: green;
+}
diff --git a/power-pay-frontend/src/okpage.tsx b/power-pay-frontend/src/okpage.tsx
@@ -0,0 +1,26 @@
+import { border } from "@chakra-ui/react";
+
+
+//faking the API 
+
+
+
+
+
+
+//building the ok page for successful transfer
+const OKPage = () => {
+  return (
+    <div className="card">
+      <div className="ok-page">
+        <h1>Success!</h1>
+        <br></br>
+        <p>The money was successfully transfered.</p>
+        <br></br>
+      </div> 
+      <button className ="okbtn">OK</button>
+    </div>
+  );
+};
+
+export default OKPage;