Here are your active properties.
;
+ case "closedProperties":
+ return These are your closed properties.
;
+ default:
+ return (
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- A beautiful, easy-to-use, and secure Investor Portal that
- gives your investors everything they may need
-
-
-
-
-
-
-
-
-
-
- {user?.result?._id && (
-
-
-
-
-
-
- )}
-
-
-
-
-
-
+ return (
+ <>
+
+
+
+
+
+
+
+
+ {/* Left sidebar */}
+
+
+
+
+
+
+
+
+
+
+ {/* Other Information
+ */}
+
+
- );
+
+ {/* Main content area */}
+
+
+ {/* Static Dashboard greeting */}
+
+
+ Welcome to{" "}
+
+ {user.result.title}. {user.result.firstName} {user.result.middleName} {user.result.lastName}
+
+
+
+
+
+ {/* Dynamic content based on the selected tab */}
+
+ {renderTabContent()}
+
+
+
+
+
+
+ );
};
export default Dashboard;
diff --git a/ef-ui/src/components/Navbar.jsx b/ef-ui/src/components/Navbar.jsx
index 6fd6fa8..b446cd6 100644
--- a/ef-ui/src/components/Navbar.jsx
+++ b/ef-ui/src/components/Navbar.jsx
@@ -5,6 +5,7 @@ import { NavLink } from "react-router-dom";
import { setLogout } from "../redux/features/authSlice";
import { useNavigate } from "react-router-dom";
+
const Navbar = () => {
const { user } = useSelector((state) => ({ ...state.auth }));
const dispatch = useDispatch();
diff --git a/ef-ui/src/dashboard.css b/ef-ui/src/dashboard.css
index 3cc6fe7..0eb1262 100644
--- a/ef-ui/src/dashboard.css
+++ b/ef-ui/src/dashboard.css
@@ -1,23 +1,239 @@
-/* Add these styles to your main CSS file */
+.btn.active {
+ background-color: #fda417; /* Highlight color for the active tab */
+ color: #fff; /* Text color for the active tab */
+ border: 1px solid #fda417;
+ }
+
+
+
-
- .dashboard-wrapper {
- display: flex;
- flex-direction: column;
- min-height: 100vh; /* Ensure the wrapper takes full height */
- }
-
- .dashboard-content {
- flex: 1; /* This will make the content grow to fill the space between Navbar and Footer */
- }
-
- footer {
+/*
+
+* {
+ margin: 0;
+ padding: 0
+}
+
+body {
+ background-color: #fff
+}
+
+.card1 {
+ height: 100vh;
width: 100%;
- background-color: #333;
- color: white;
- padding: 10px;
- text-align: center;
+ background-color: #fff;
+ border: none
+}
+
+.card2 {
+ height: 100vh;
+ width: 100%;
+ background-color: #f6f5fa;
+ border: none
+}
+
+.image span {
+ color: #fff;
+ font-size: 28px
+}
+
+.hline {
+ color: #a2a5d8
+}
+
+.btn {
+ height: 40px;
+ width: 100%;
+ border: none;
position: relative;
- bottom: 0;
- }
-
\ No newline at end of file
+ border-radius: 5px
+}
+
+.btn i {
+ position: absolute;
+ left: 10px;
+ color: #fff;
+ font-weight: 500;
+ font-size: 18px;
+ top: 10px
+}
+
+.btn span {
+ position: absolute;
+ right: 8px;
+ color: #fff;
+ font-weight: 400;
+ font-size: 16px;
+ top: 10px
+}
+
+.btn:hover {
+ background-color: #3ddcd1
+}
+
+.other {
+ color: #575c93
+}
+
+.hello span {
+ font-size: 25px;
+ font-weight: bold;
+ color: #3c3f61;
+ right: 40px
+}
+
+.shape {
+ background-color: #fff
+}
+
+.cardchild {
+ height: 100px;
+ width: 200px;
+ border: none;
+ position: relative;
+ border-radius: 10px
+}
+
+.type {
+ font-weight: 500
+}
+
+.number {
+ font-size: 25px;
+ color: #4f5366
+}
+
+.cardchild .logo1 {
+ position: absolute;
+ top: 15px;
+ right: 20px
+}
+
+.cardchild .percentage {
+ position: absolute;
+ bottom: 10px;
+ right: 15px;
+ color: #48ddd8;
+ font-weight: 500
+}
+
+.cardchild .logo2 {
+ position: absolute;
+ top: 15px;
+ right: 20px
+}
+
+.cardchild .percentage2 {
+ position: absolute;
+ bottom: 10px;
+ right: 15px;
+ color: #bb7484;
+ font-weight: 500
+}
+
+.cardchild .logo3 {
+ position: absolute;
+ top: 15px;
+ color: #bb7484;
+ right: 20px
+}
+
+.cardchild .percentage3 {
+ position: absolute;
+ bottom: 10px;
+ right: 15px;
+ color: #48ddd8;
+ font-weight: 500
+}
+
+.cardchild .logo4 {
+ position: absolute;
+ top: 15px;
+ right: 20px
+}
+
+.cardchild .percentage4 {
+ position: absolute;
+ bottom: 10px;
+ right: 15px;
+ color: #bb7484;
+ font-weight: 500
+}
+
+.cardchildchild {
+ width: 335px;
+ position: relative;
+ border: none;
+ border-radius: 15px;
+ cursor: pointer
+}
+
+.cardchildchild {
+ b
+}
+
+.cardchildchild .profile1 {
+ position: absolute;
+ border-radius: 50%;
+ top: -45px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ right: 120px
+}
+
+.name {
+ font-size: 18px;
+ font-weight: 500
+}
+
+.braceletid {
+ font-size: 13px;
+ color: #bab9ba;
+ font-family: 'Source Sans Pro', sans-serif
+}
+
+
+
+.btn1 {
+ height: 35px;
+ width: 160px;
+ border: none;
+ background-color: #f8c01a;
+ cursor: pointer;
+ color: #fff;
+ font-weight: 500;
+ font-size: 16px;
+ border-radius: 20px
+}
+
+.btn1:hover {
+ background-color: #c72b2b
+}
+
+.icons {
+ font-size: 20px;
+ font-weight: 500
+}
+
+.dummytext {
+ font-size: 14px;
+ font-weight: normal;
+ color: #b0aeb1
+}
+
+.btn2 {
+ height: 35px;
+ width: 160px;
+ border: none;
+ background-color: #c72b2b;
+ cursor: pointer;
+ color: #fff;
+ font-weight: 500;
+ font-size: 16px;
+ border-radius: 20px
+}
+
+.btn2:hover {
+ background-color: #f8c01a
+} */
\ No newline at end of file
diff --git a/ef-ui/src/img/samplepic.jpg b/ef-ui/src/img/samplepic.jpg
new file mode 100644
index 0000000..ecc7fe8
Binary files /dev/null and b/ef-ui/src/img/samplepic.jpg differ
+ 
+