Update

Co-Authored-By: JehanKandy  <jehankandy@gmail.com>
Co-Authored-By: Anupa Gamage <125038143+Anupa1998@users.noreply.github.com>

Author: 3 people

Dashboard/Dashboard.jsx

@@ -0,0 +1,40 @@
+import React, { useEffect, useState } from 'react'
+import { Link, useNavigate } from 'react-router-dom';
+import  secureLocalStorage  from  "react-secure-storage"
+
+const Dashboard = () => {
+    const navigate = useNavigate()
+    const RoleUser = secureLocalStorage.getItem("Login1");
+    const EmailUser = secureLocalStorage.getItem("login2");
+
+    const logout = () => {
+        localStorage.clear()
+        navigate('/')
+        window.location.reload();
+    }
+
+    if(RoleUser !== null && EmailUser !== null){
+        return (
+            <div className='bg-gray-200 py-8 px-12'>
+                <div className="bg-white rounded py-8 px-4">
+                    <h1 className="text-gray-500 font-semibold text-2xl">Welcome to Dashboard</h1>
+                    <hr />
+
+                    <div className="my-4 mx-8">
+                        <p className="text-xl text-gray-500">Email : { EmailUser }</p>
+                        <p className="text-xl text-gray-500">Role: { RoleUser }</p>                        
+                    </div>
+                    <button onClick={logout} className="bg-red-500 text-white rounded py-2 px-4 shadow-md duration-500 hover:bg-red-600 font-semibold">Logout</button>
+                </div>
+            </div>
+        )
+    }
+    else{
+        useEffect(() => {
+            localStorage.clear()
+            navigate('/')
+        })
+    }
+}
+
+export default Dashboard

index.js

@@ -11,12 +11,15 @@ const destinationApp = argv.destination || path.join(process.cwd(), 'src/');
 const sourceTW = argv.source || path.join(__dirname, 'LoginSignUpTW');
 const destinationTW = argv.destination || path.join(process.cwd(), 'src/components/LoginSignUpTW');
 
-const sourceAppTW = argv.source || path.join(__dirname, 'AppTW/App.jsx');
+const sourceAppTW = argv.source || path.join(__dirname, 'AppTW');
 const destinationAppTW = argv.destination || path.join(process.cwd(), 'src/');
 
-const sourcePR = argv.source || path.join(__dirname, 'PrivateRoute/PrivateRoute.jsx');
+const sourcePR = argv.source || path.join(__dirname, 'PrivateRoute');
 const destinationPR = argv.destination || path.join(process.cwd(), 'src/components/PrivateRoute');
 
+const sourceDash = argv.source || path.join(__dirname, 'PrivateRoute');
+const destinationDash = argv.destination || path.join(process.cwd(), 'src/components/PrivateRoute');
+
 const sourceBackendMysqlNoMVC = argv.source || path.join(__dirname, 'BackEndMysqlNoMVC/server');
 const destinationBackendMysqlNoMVC = argv.destination || path.join(process.cwd(), 'server/');