Merge branch 'main' of https://github.com/UniqueCoderRihan/SpeakUp-Cl…

…ient into Mission-Finishing-Ui

.github/workflows/node.js.yml

@@ -0,0 +1,31 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+
+name: Node.js CI
+
+on:
+  push:
+    branches: [ "main" ]
+  pull_request:
+    branches: [ "main" ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [14.x, 16.x, 18.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+    - uses: actions/checkout@v3
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'npm'
+    - run: npm ci
+    - run: npm run build --if-present
+    - run: npm test

src/Dashbord/MySelectedClass/Row.jsx

@@ -9,7 +9,7 @@ const Row = ({ row, index }) => {
     const navigate = useNavigate()
     const handlePayNow = ()=>{
         localStorage.setItem('row',JSON.stringify(row))
-        navigate('/dashbord/payment', {state:row})
+        navigate('/dashbord/payment-choose', {state:row})
     }
     // handle Remove Area
     const handleRemove =()=>{
@@ -62,7 +62,7 @@ const Row = ({ row, index }) => {
                 <button onClick={handleRemove} className='btn btn-ghost '> <FaTrashAlt></FaTrashAlt> </button>
             </td>
             <th>
-                <Link to={{ pathname: '/dashbord/payment', state: { row } }}><button onClick={handlePayNow} className="btn btn-ghost">Pay Now</button></Link>
+                <Link to={{ pathname: '/dashbord/payment-choose', state: { row } }}><button onClick={handlePayNow} className="btn btn-ghost">Pay Now</button></Link>
             </th>
         </tr>
     );

src/Dashbord/Payment/Payment.jsx

@@ -10,16 +10,17 @@ const stripePromis = loadStripe(import.meta.env.VITE_PK)
 const Payment = () => {
 
     const location = useLocation();
-    const [row, setRow] = useState(null)
+    console.log(location.state?.row);
+    const row =location.state?.row;
 
-    useEffect(() => {
-        const storedRow = localStorage.getItem('row');
-        if (storedRow) {
-            setRow(JSON.parse(storedRow));
-            localStorage.removeItem('row')
-        }
-    }, [])
-    const price = row?.price;
+    // useEffect(() => {
+    //     const storedRow = localStorage.getItem('row');
+    //     if (storedRow) {
+    //         setRow(JSON.parse(storedRow));
+    //          localStorage.removeItem('row')
+    //     }
+    // }, [])
+    // const price = row?.price;
 
     return (
         <div>

src/Pages/payments/PaymentChoose.jsx

@@ -0,0 +1,36 @@
+import { useEffect, useState } from "react";
+import { Link, useLocation } from "react-router-dom";
+
+
+const PaymentChoose = () => {
+
+    // useing localstore for geting data by navigate.
+    const location = useLocation();
+    const [row, setRow] = useState(null)
+    console.log(row);
+    useEffect(() => {
+        const storedRow = localStorage.getItem('row');
+        if (storedRow) {
+            setRow(JSON.parse(storedRow));
+            localStorage.removeItem('row')
+        }
+    }, [])
+    if (row === null) {
+        return <p>loading</p>
+    }
+    return (
+        <div className="hero min-h-screen bg-base-200">
+            <div className="hero-content flex-col lg:flex-row-reverse">
+
+                <div className="card flex-shrink-0 w-full max-w-sm shadow-2xl bg-base-300 p-10 ">
+                    <p className="text-3xl font-serif p-3">Choose Your Payment Method</p>
+                    <Link to='/dashbord/stripe-pay' state={{row}}><button className="btn btn-outline">Payment With Stripe</button></Link>
+                    <Link><button className="btn btn-outline my-2">Payment With SSL_COMMARCE</button></Link>
+                </div>
+            </div>
+        </div>
+
+    );
+};
+
+export default PaymentChoose;

src/Pages/payments/ssl/SslPay.jsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const SslPay = () => {
+    return (
+        <div>
+            SslPay
+        </div>
+    );
+};
+
+export default SslPay;

src/Routes/router.jsx

@@ -17,79 +17,85 @@ import PaymentHistory from "../Dashbord/PaymentHistory/PaymentHistory";
 import ManageUsers from "../Dashbord/ManageUsers/ManageUsers";
 import ManageClass from "../Dashbord/ManageClass/ManageClass";
 import Community from "../Pages/community/Community";
+import PaymentChoose from "../Pages/payments/PaymentChoose";
+import SslPay from "../Pages/payments/ssl/SslPay";
 import DashbordHome from "../Dashbord/DashbordHome/DashbordHome";
 
 export const router = createBrowserRouter([
     {
-        path:'/',
+        path: '/',
         element: <Main></Main>,
         errorElement: <ErrorPage></ErrorPage>,
-        children:[
+        children: [
             {
-                path:'/',
+                path: '/',
                 element: <Home></Home>
             },
             {
-                path:'/instructors',
+                path: '/instructors',
                 element: <Instructors></Instructors>
             },
             {
-                path:'/classes',
+                path: '/classes',
                 element: <Classes></Classes>
             },
             {
                 path: '/comming-soon',
-                element: <Community/>
+                element: <Community />
             }
         ]
 
     },
     {
-        path:'/login',
+        path: '/login',
         element: <Login></Login>
     },
     {
-        path:'/singup',
+        path: '/singup',
         element: <Singup></Singup>
     },
     {
-        path:'/dashbord',
+        path: '/dashbord',
         element: <PrivateRoute><Dashbord></Dashbord></PrivateRoute>,
-        children:[
+        children: [
             {
-                path: '',
-                element: <DashbordHome/>
-            },
-            {
-                path:'addnew',
+                path: 'addnew',
                 element: <AddClass></AddClass>
             },
             {
-                path:'myclasses',
+                path: 'myclasses',
                 element: <MyClasses></MyClasses>
             },
             {
-                path:'mycart',
+                path: 'mycart',
                 element: <MySelectedClass></MySelectedClass>
             },
             {
-                path:'payment',
-                element: <Payment></Payment>
+                path: 'payment-choose',
+                element: <PaymentChoose />
+            },
+            {
+                path: 'ssl-pay',
+                element: <SslPay />
+            },
+            {
+                path: 'stripe-pay',
+                element: <Payment />
             },
             {
-                path:'enrolled-class',
+                path: 'enrolled-class',
                 element: <EnrolledClass></EnrolledClass>
             },
             {
                 path: 'payment-history',
                 element: <PaymentHistory></PaymentHistory>
             },
             {
-                path:'manage-users',
+                path: 'manage-users',
                 element: <ManageUsers></ManageUsers>
             },
             {
-                path:'manage-classes',
+                path: 'manage-classes',
                 element: <ManageClass></ManageClass>
             }
         ]