From 5a2f0905ed3a49dec66edce1d447df1d53b2f28f Mon Sep 17 00:00:00 2001
From: Ayush8923 <ayush.uniyal@coloredcow.in>
Date: Sat, 1 Jul 2023 11:54:18 +0530
Subject: [PATCH 1/6] :sparkles: make the sender identity page

---
 src/apis/SenderIdentity.ts                    | 13 +++-
 .../(auth)/sender-identity/create/page.tsx    | 76 +++++++++++++++++++
 src/app/(auth)/sender-identity/page.tsx       |  8 +-
 3 files changed, 92 insertions(+), 5 deletions(-)
 create mode 100644 src/app/(auth)/sender-identity/create/page.tsx

diff --git a/src/apis/SenderIdentity.ts b/src/apis/SenderIdentity.ts
index f9c1e9f..add844b 100644
--- a/src/apis/SenderIdentity.ts
+++ b/src/apis/SenderIdentity.ts
@@ -3,8 +3,15 @@ import api from '@/utils/api';
 export const getSenderIdentities = async () => {
   const response = await api.get('/api/sender-identity');
   const data = await response.data;
-  {
-    console.log(data, '-->checking sender-identity data');
-  }
   return data;
 };
+
+export const createSenderIndentity = async (data: any) => {
+  try {
+    const response = await api.post('/api/sender-identity', data);
+    const dataResponse = await response.data;
+    return dataResponse;
+  } catch (error: any) {
+    throw error;
+  }
+};
diff --git a/src/app/(auth)/sender-identity/create/page.tsx b/src/app/(auth)/sender-identity/create/page.tsx
new file mode 100644
index 0000000..d282ede
--- /dev/null
+++ b/src/app/(auth)/sender-identity/create/page.tsx
@@ -0,0 +1,76 @@
+'use client';
+
+import Button from '@/components/Button';
+import { AtSymbolIcon } from '@heroicons/react/24/outline';
+import Input from '@/components/Input';
+import { useFormik } from 'formik';
+import { createSenderIndentity } from '@/apis/SenderIdentity';
+import * as yup from 'yup';
+import { toast } from 'react-toastify';
+import { useRouter } from 'next/navigation';
+
+const Page = () => {
+  const router = useRouter();
+  const onSubmit = async (values: any) => {
+    try {
+      await createSenderIndentity(values);
+      toast.success('Sender Identity created successfully');
+      router.back();
+    } catch (error: any) {
+      toast.error(error.response.data.message);
+    }
+  };
+  const formik = useFormik({
+    initialValues: {
+      email: '',
+      name: '',
+    },
+    onSubmit: onSubmit,
+    validationSchema: yup.object({
+      name: yup.string().trim().required('Name is required'),
+      email: yup.string().required('Email is required'),
+    }),
+  });
+  return (
+    <div className="flex flex-col">
+      <div className="flex justify-between">
+        <h2 className="mb-7 flex items-end">
+          <AtSymbolIcon className="h-9 w-9" />
+          <span className="ml-1 text-3xl">Create Sender Identity</span>
+        </h2>
+      </div>
+      <form onSubmit={formik.handleSubmit}>
+        <div className="grid grid-cols-2 gap-2">
+          <Input
+            type="text"
+            name="name"
+            label="Name"
+            placeholder="Enter Name"
+            value={formik.values.name}
+            onChange={formik.handleChange}
+            mandatoryField={!!formik.errors.name}
+            errorMessage={formik.errors.name}
+          />
+          <Input
+            type="email"
+            name="email"
+            label="Email"
+            placeholder="Enter Email"
+            value={formik.values.email}
+            onChange={formik.handleChange}
+            mandatoryField={!!formik.errors.email}
+            errorMessage={formik.errors.email}
+          />
+        </div>
+        <Button
+          className="btn rounded-3 font-golas-600 fs-16 w-203 btn-curious-blue py-2 text-center text-white"
+          type="submit"
+        >
+          Create
+        </Button>
+      </form>
+    </div>
+  );
+};
+
+export default Page;
diff --git a/src/app/(auth)/sender-identity/page.tsx b/src/app/(auth)/sender-identity/page.tsx
index 9475c56..9230573 100644
--- a/src/app/(auth)/sender-identity/page.tsx
+++ b/src/app/(auth)/sender-identity/page.tsx
@@ -8,6 +8,7 @@ import { AtSymbolIcon } from '@heroicons/react/24/outline';
 import { SenderIdentity, TableData } from '@/utils/types';
 import { PencilSquareIcon, TrashIcon } from '@heroicons/react/24/solid';
 import { useEffect, useState } from 'react';
+import Link from 'next/link';
 
 const Page = () => {
   const [senderIdentities, setSenderIdentities] = useState<
@@ -75,9 +76,12 @@ const Page = () => {
           )}
         </h2>
         <div>
-          <Button onClick={() => console.log('new campaign')}>
+          <Link
+            className="flex rounded-lg bg-indigo-700 px-4 py-2 text-white hover:bg-indigo-800"
+            href="/sender-identity/create"
+          >
             Create Sender Identity
-          </Button>
+          </Link>
         </div>
       </div>
       <Table data={tableData} />

From 2789099a7d9e836b291a00692d14d11e25d9fe2f Mon Sep 17 00:00:00 2001
From: Ayush8923 <ayush.uniyal@coloredcow.in>
Date: Sat, 1 Jul 2023 13:12:56 +0530
Subject: [PATCH 2/6] :art: fix the name

---
 src/app/(auth)/sender-identity/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(auth)/sender-identity/page.tsx b/src/app/(auth)/sender-identity/page.tsx
index 9230573..91dd86c 100644
--- a/src/app/(auth)/sender-identity/page.tsx
+++ b/src/app/(auth)/sender-identity/page.tsx
@@ -68,7 +68,7 @@ const Page = () => {
       <div className="flex justify-between">
         <h2 className="mb-7 flex items-end">
           <AtSymbolIcon className="h-9 w-9" />
-          <span className="ml-1 text-3xl">Sender Identities</span>
+          <span className="ml-1 text-3xl">Sender Identitie</span>
           {senderIdentities && (
             <span className="ml-1 text-2xl font-light text-gray-500">
               ({senderIdentities.total})

From eabf149fa4bc059c7e5f5e93ab0aa6abdaebb5f2 Mon Sep 17 00:00:00 2001
From: Ayush8923 <ayush.uniyal@coloredcow.in>
Date: Sat, 1 Jul 2023 13:13:41 +0530
Subject: [PATCH 3/6] :art: fix the identity name

---
 src/app/(auth)/sender-identity/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(auth)/sender-identity/page.tsx b/src/app/(auth)/sender-identity/page.tsx
index 91dd86c..9230573 100644
--- a/src/app/(auth)/sender-identity/page.tsx
+++ b/src/app/(auth)/sender-identity/page.tsx
@@ -68,7 +68,7 @@ const Page = () => {
       <div className="flex justify-between">
         <h2 className="mb-7 flex items-end">
           <AtSymbolIcon className="h-9 w-9" />
-          <span className="ml-1 text-3xl">Sender Identitie</span>
+          <span className="ml-1 text-3xl">Sender Identities</span>
           {senderIdentities && (
             <span className="ml-1 text-2xl font-light text-gray-500">
               ({senderIdentities.total})

From de128e8778fe393aac1e26c1773a3eea8420bedb Mon Sep 17 00:00:00 2001
From: Ayush8923 <ayush.uniyal@coloredcow.in>
Date: Sat, 1 Jul 2023 15:08:47 +0530
Subject: [PATCH 4/6] :art: fix the passowrd type

---
 src/app/(auth)/user/create/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/(auth)/user/create/page.tsx b/src/app/(auth)/user/create/page.tsx
index e6e5caf..d566945 100644
--- a/src/app/(auth)/user/create/page.tsx
+++ b/src/app/(auth)/user/create/page.tsx
@@ -72,7 +72,7 @@ const Page = () => {
               errorMessage={formik.errors.email}
             />
             <Input
-              type="text"
+              type="password"
               name="password"
               label="Password"
               placeholder="Enter Password"
@@ -82,7 +82,7 @@ const Page = () => {
               errorMessage={formik.errors.password}
             />
             <Input
-              type="text"
+              type="password"
               name="confirmPassowrd"
               label="Confirm Password"
               placeholder="Enter Confirm Password"

From 9d61d457d058b9b9b9e2b5ae753305aabb7e11cf Mon Sep 17 00:00:00 2001
From: Ayush8923 <ayush.uniyal@coloredcow.in>
Date: Sun, 2 Jul 2023 00:16:22 +0530
Subject: [PATCH 5/6] :art: fix the user api url

---
 src/apis/user.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/apis/user.ts b/src/apis/user.ts
index 017073a..f86932e 100644
--- a/src/apis/user.ts
+++ b/src/apis/user.ts
@@ -1,7 +1,7 @@
 import api from '@/utils/api';
 
 export const getUsers = async () => {
-  const response = await api.get('/api/users');
+  const response = await api.get('/api/user/user');
   const data = await response.data;
   return data;
 };

From 932eba496f0ec09e033e7fdf70fbdaa9229d5c26 Mon Sep 17 00:00:00 2001
From: Ayush8923 <ayush.uniyal@coloredcow.in>
Date: Thu, 6 Jul 2023 15:08:30 +0530
Subject: [PATCH 6/6] :zap: remove the unwanted code

---
 src/app/(auth)/sender-identity/create/page.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/app/(auth)/sender-identity/create/page.tsx b/src/app/(auth)/sender-identity/create/page.tsx
index 46c043a..89a5d38 100644
--- a/src/app/(auth)/sender-identity/create/page.tsx
+++ b/src/app/(auth)/sender-identity/create/page.tsx
@@ -1,8 +1,6 @@
 'use client';
 
-import Button from '@/components/Button';
 import { AtSymbolIcon } from '@heroicons/react/24/outline';
-import Input from '@/components/Input';
 import { useFormik } from 'formik';
 import { createSenderIndentity } from '@/apis/SenderIdentity';
 import { toast } from 'react-toastify';