From a03a8b7edc2d551c169f421d5f113a5bca5f0888 Mon Sep 17 00:00:00 2001
From: Vinoth Kumar V <vinoth_kumar_v@Vinoths-MacBook-Pro.local>
Date: Sat, 30 Mar 2024 21:04:31 +0530
Subject: [PATCH 1/2] features/p2p_transfer

---
 apps/user-app/app/(dashboard)/layout.tsx  |  7 +++++++
 apps/user-app/components/AddMoneyCard.tsx | 11 ++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/apps/user-app/app/(dashboard)/layout.tsx b/apps/user-app/app/(dashboard)/layout.tsx
index 90dc203..7ad9e98 100644
--- a/apps/user-app/app/(dashboard)/layout.tsx
+++ b/apps/user-app/app/(dashboard)/layout.tsx
@@ -12,6 +12,7 @@ export default function Layout({
                 <SidebarItem href={"/dashboard"} icon={<HomeIcon />} title="Home" />
                 <SidebarItem href={"/transfer"} icon={<TransferIcon />} title="Transfer" />
                 <SidebarItem href={"/transactions"} icon={<TransactionsIcon />} title="Transactions" />
+                <SidebarItem href={"/p2pTransaction"} icon={<P2PTransferIcon />} title="P2P Transfer" />
             </div>
         </div>
             {children}
@@ -36,4 +37,10 @@ function TransactionsIcon() {
     <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
   </svg>
   
+}
+
+function P2PTransferIcon() {
+  return <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" className="w-6 h-6">
+    <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25" />
+  </svg>
 }
\ No newline at end of file
diff --git a/apps/user-app/components/AddMoneyCard.tsx b/apps/user-app/components/AddMoneyCard.tsx
index 562f021..fed97a8 100644
--- a/apps/user-app/components/AddMoneyCard.tsx
+++ b/apps/user-app/components/AddMoneyCard.tsx
@@ -5,6 +5,7 @@ import { Center } from "@repo/ui/center";
 import { Select } from "@repo/ui/select";
 import { useState } from "react";
 import { TextInput } from "@repo/ui/textinput";
+import { createOnRampTxn } from "../app/lib/actions/createOnRampTxn";
 
 const SUPPORTED_BANKS = [{
     name: "HDFC Bank",
@@ -16,22 +17,26 @@ const SUPPORTED_BANKS = [{
 
 export const AddMoney = () => {
     const [redirectUrl, setRedirectUrl] = useState(SUPPORTED_BANKS[0]?.redirectUrl);
+    const [amoutn, setAmount] = useState(0);
+    const [provider, setProvider] = useState('');
     return <Card title="Add Money">
     <div className="w-full">
-        <TextInput label={"Amount"} placeholder={"Amount"} onChange={() => {
-
+        <TextInput label={"Amount"} placeholder={"Amount"} onChange={(value) => {
+            setAmount(Number(value));
         }} />
         <div className="py-4 text-left">
             Bank
         </div>
         <Select onSelect={(value) => {
+            setProvider(value);
             setRedirectUrl(SUPPORTED_BANKS.find(x => x.name === value)?.redirectUrl || "")
         }} options={SUPPORTED_BANKS.map(x => ({
             key: x.name,
             value: x.name
         }))} />
         <div className="flex justify-center pt-4">
-            <Button onClick={() => {
+            <Button onClick={async() => {
+                await createOnRampTxn(amoutn, provider);
                 window.location.href = redirectUrl || "";
             }}>
             Add Money

From 7aed4e7fe191272e8cb0da240f73b07588b75d52 Mon Sep 17 00:00:00 2001
From: Vinoth Kumar V <vinoth_kumar_v@Vinoths-MacBook-Pro.local>
Date: Sat, 30 Mar 2024 21:13:02 +0530
Subject: [PATCH 2/2] feature/p2p Transfer

---
 .../app/(dashboard)/p2pTransaction/page.tsx   | 12 +++++
 .../app/lib/actions/createOnRampTxn.tsx       | 29 ++++++++++++
 apps/user-app/app/lib/actions/sendMoney.tsx   | 47 +++++++++++++++++++
 apps/user-app/components/SendMoneyCard.tsx    | 29 ++++++++++++
 4 files changed, 117 insertions(+)
 create mode 100644 apps/user-app/app/(dashboard)/p2pTransaction/page.tsx
 create mode 100644 apps/user-app/app/lib/actions/createOnRampTxn.tsx
 create mode 100644 apps/user-app/app/lib/actions/sendMoney.tsx
 create mode 100644 apps/user-app/components/SendMoneyCard.tsx

diff --git a/apps/user-app/app/(dashboard)/p2pTransaction/page.tsx b/apps/user-app/app/(dashboard)/p2pTransaction/page.tsx
new file mode 100644
index 0000000..3c25c70
--- /dev/null
+++ b/apps/user-app/app/(dashboard)/p2pTransaction/page.tsx
@@ -0,0 +1,12 @@
+import { SendMoney } from "../../../components/SendMoneyCard";
+
+export default async function() {
+
+    return <div className="w-screen h-screen flex items-center justify-center">
+        <div className="w-1/3">
+            <div>
+                <SendMoney />
+            </div>
+        </div>
+    </div>
+}
\ No newline at end of file
diff --git a/apps/user-app/app/lib/actions/createOnRampTxn.tsx b/apps/user-app/app/lib/actions/createOnRampTxn.tsx
new file mode 100644
index 0000000..e175fc5
--- /dev/null
+++ b/apps/user-app/app/lib/actions/createOnRampTxn.tsx
@@ -0,0 +1,29 @@
+"use server"
+import { getServerSession } from "next-auth";
+import { authOptions } from "../auth";
+import prisma from "@repo/db/client";
+
+export async function createOnRampTxn (amount:number, provider: string) {
+    const session = await getServerSession(authOptions);
+    const token = Math.random().toString();
+    const userId = session.user.id;
+
+    if(!userId){
+        return {
+            messafe : "User not Logged In"
+        }
+    }
+
+    await prisma.onRampTransaction.create({
+        data:{
+            userId : Number(userId),
+            token,
+            amount:amount * 100,
+            status:"Processing",
+            startTime: new Date(),
+            provider,
+        }
+    })
+
+    return { message : 'Done'}
+}
\ No newline at end of file
diff --git a/apps/user-app/app/lib/actions/sendMoney.tsx b/apps/user-app/app/lib/actions/sendMoney.tsx
new file mode 100644
index 0000000..6b27301
--- /dev/null
+++ b/apps/user-app/app/lib/actions/sendMoney.tsx
@@ -0,0 +1,47 @@
+"use server"
+import prisma from "@repo/db/client";
+import { authOptions } from "../auth";
+import { getServerSession } from "next-auth";
+
+export async function SendMoneyTo(number:string, amount:number) {
+    const session = await getServerSession(authOptions);
+    const userId = session?.user?.id
+
+    if(!userId) return { message : "UnAuthorized User!"};
+
+    const toUser = await prisma.user.findFirst({
+        where:{
+            number
+        }
+    })
+
+    if(!toUser) return {message : 'Invalid Number. Please provide a valid one..'};
+
+    try{
+        await prisma.$transaction(async (tx) =>{
+            const sender = await tx.balance.findUnique({
+                where : {
+                    userId : Number(userId)
+                }
+            })
+    
+            if(!sender || sender.amount / 100 < amount) throw new Error('InSufficient Balance')
+
+            await tx.balance.update({
+                where:{userId : Number(sender.id)},
+                data:{amount : {decrement:amount * 100}}
+            })
+
+            await tx.balance.update({
+                where:{userId : toUser.id},
+                data:{amount : {increment:amount * 100}}
+            })
+        });
+    }catch(e){
+        console.log("Error => ", e);
+        return { message : e}
+    }
+
+    return {message : 'Transaction Successful!'}
+
+}
\ No newline at end of file
diff --git a/apps/user-app/components/SendMoneyCard.tsx b/apps/user-app/components/SendMoneyCard.tsx
new file mode 100644
index 0000000..3d72613
--- /dev/null
+++ b/apps/user-app/components/SendMoneyCard.tsx
@@ -0,0 +1,29 @@
+"use client"
+import { Button } from "@repo/ui/button";
+import { Card } from "@repo/ui/card";
+import { TextInput } from "@repo/ui/textinput";
+import { useState } from "react";
+import { SendMoneyTo } from "../app/lib/actions/sendMoney";
+
+export const SendMoney = () => {
+    const [amount, setAmount] = useState(0);
+    const [number, setNumber] = useState('');
+    return <Card title="Send ">
+    <div className="w-full">
+        <TextInput label={"Number"} placeholder={"Number"} onChange={(value) => {
+            setNumber(value);
+        }} />
+        <TextInput label={"Amount"} placeholder={"Amount"} onChange={(value) => {
+            setAmount(Number(value));
+        }} />
+        <div className="flex justify-center pt-4">
+            <Button onClick={async() => {
+                const res = await SendMoneyTo(number,amount);
+                console.log(res.message);
+            }}>
+            Send Money
+            </Button>
+        </div>
+    </div>
+</Card>
+}
\ No newline at end of file