diff --git a/src/assets/images/dashboard/card_bg.png b/src/assets/images/dashboard/card_bg.png new file mode 100644 index 0000000..1b5e4e7 Binary files /dev/null and b/src/assets/images/dashboard/card_bg.png differ diff --git a/src/components/Cards/DefaultCard.tsx b/src/components/Cards/DefaultCard.tsx new file mode 100644 index 0000000..041c3bb --- /dev/null +++ b/src/components/Cards/DefaultCard.tsx @@ -0,0 +1,42 @@ +import { Icons } from "../" + +type Props = { + title?: string, + descText?: string, + iconName?: string, + iconColor?: string, + cardClass?: string, + titleClass?: string, + descTextClass?: string, + onClick?: ()=>any +} + + +export default function DefaultCard({ +title, +descText, +iconName, +iconColor, +cardClass, +titleClass, +descTextClass, +onClick +}:Props) { + return ( + + ) +} diff --git a/src/components/Cards/index.tsx b/src/components/Cards/index.tsx new file mode 100644 index 0000000..2614703 --- /dev/null +++ b/src/components/Cards/index.tsx @@ -0,0 +1,3 @@ +import DefaultCard from "./DefaultCard"; + +export { DefaultCard }; \ No newline at end of file diff --git a/src/components/Dashboard/DashboardHome.tsx b/src/components/Dashboard/DashboardHome.tsx new file mode 100644 index 0000000..01c95fc --- /dev/null +++ b/src/components/Dashboard/DashboardHome.tsx @@ -0,0 +1,58 @@ +import { DefaultCard } from "../" + +export default function DashboardHome() { + return ( +
+
+ {console.log('working')}} + /> +
+ +
+ {/* cards display */} +
+ {console.log('working')}} + /> +
+
+ {console.log('working')}} + /> +
+
+ {console.log('working')}} + /> +
+
+
+ ) +} diff --git a/src/components/Dashboard/index.tsx b/src/components/Dashboard/index.tsx new file mode 100644 index 0000000..1525f00 --- /dev/null +++ b/src/components/Dashboard/index.tsx @@ -0,0 +1,3 @@ +import DashboardHome from './DashboardHome' + +export { DashboardHome }; \ No newline at end of file diff --git a/src/components/DashboardLayout/Aside.tsx b/src/components/DashboardLayout/Aside.tsx index 35f5d55..2e833e4 100644 --- a/src/components/DashboardLayout/Aside.tsx +++ b/src/components/DashboardLayout/Aside.tsx @@ -28,7 +28,7 @@ export default function Aside() { ))}
-
diff --git a/src/components/DashboardLayout/DashboardLayout.tsx b/src/components/DashboardLayout/DashboardLayout.tsx index 0300d08..f73bac0 100644 --- a/src/components/DashboardLayout/DashboardLayout.tsx +++ b/src/components/DashboardLayout/DashboardLayout.tsx @@ -34,7 +34,7 @@ export default function DashboardLayout({children}:{children: ReactNode}) {
-
+
{/*
diff --git a/src/components/Icons/Icons.tsx b/src/components/Icons/Icons.tsx index b86a47e..2f2ef3a 100644 --- a/src/components/Icons/Icons.tsx +++ b/src/components/Icons/Icons.tsx @@ -28,6 +28,14 @@ export default function Icons({name, fillColor}:Props) { + :name == 'arrow'? + + + + :name == 'greater-than'? + + + : null } diff --git a/src/components/index.ts b/src/components/index.ts index f4d027e..c5a1cd8 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -5,3 +5,5 @@ export * from "./shared"; export * from "./Footer"; export * from "./DashboardLayout"; export * from "./Icons"; +export * from './Dashboard' +export * from './Cards' diff --git a/src/pages/DashboardHome.tsx b/src/pages/DashboardHome.tsx deleted file mode 100644 index d12cb4b..0000000 --- a/src/pages/DashboardHome.tsx +++ /dev/null @@ -1,5 +0,0 @@ -export default function DashboardHome() { - return ( -
DashboardHome
- ) -} diff --git a/src/pages/DashboardHomePage.tsx b/src/pages/DashboardHomePage.tsx new file mode 100644 index 0000000..7b02b80 --- /dev/null +++ b/src/pages/DashboardHomePage.tsx @@ -0,0 +1,9 @@ +import { DashboardHome } from "../components" + +export default function DashboardHomePage() { + return ( +
+ +
+ ) +} diff --git a/src/pages/DashboardLegals.tsx b/src/pages/DashboardLegalsPage.tsx similarity index 50% rename from src/pages/DashboardLegals.tsx rename to src/pages/DashboardLegalsPage.tsx index b3a33c8..5101c4f 100644 --- a/src/pages/DashboardLegals.tsx +++ b/src/pages/DashboardLegalsPage.tsx @@ -1,4 +1,4 @@ -export default function DashboardLegals() { +export default function DashboardLegalsPage() { return (
DashboardLegals
) diff --git a/src/pages/DashboardPayments.tsx b/src/pages/DashboardPaymentsPage.tsx similarity index 50% rename from src/pages/DashboardPayments.tsx rename to src/pages/DashboardPaymentsPage.tsx index 2a345c3..52e80af 100644 --- a/src/pages/DashboardPayments.tsx +++ b/src/pages/DashboardPaymentsPage.tsx @@ -1,4 +1,4 @@ -export default function Dashboardpayments() { +export default function DashboardpaymentsPage() { return (
Dashboardpayments
) diff --git a/src/pages/DashboardProfile.tsx b/src/pages/DashboardProfilePage.tsx similarity index 50% rename from src/pages/DashboardProfile.tsx rename to src/pages/DashboardProfilePage.tsx index 06e19b2..cf2ae24 100644 --- a/src/pages/DashboardProfile.tsx +++ b/src/pages/DashboardProfilePage.tsx @@ -1,4 +1,4 @@ -export default function DashboardProfile() { +export default function DashboardProfilePage() { return (
DashboardProfile
) diff --git a/src/pages/DashboardVerification.tsx b/src/pages/DashboardVerificationPage.tsx similarity index 50% rename from src/pages/DashboardVerification.tsx rename to src/pages/DashboardVerificationPage.tsx index a5f5c55..65b9262 100644 --- a/src/pages/DashboardVerification.tsx +++ b/src/pages/DashboardVerificationPage.tsx @@ -1,4 +1,4 @@ -export default function DashboardVerification() { +export default function DashboardVerificationPage() { return (
DashboardVerification
) diff --git a/src/pages/index.ts b/src/pages/index.ts index 512317e..0c85569 100644 --- a/src/pages/index.ts +++ b/src/pages/index.ts @@ -1,10 +1,10 @@ import HomePage from "./HomePage"; import LoginPage from "./LoginPage"; import GetStartedPage from "./GetStartedPage"; -import DashboardHome from "./DashboardHome"; -import DashboardLegals from "./DashboardLegals"; -import DashboardProfile from "./DashboardProfile"; -import DashboardVerification from "./DashboardVerification"; -import Dashboardpayments from "./DashboardPayments"; +import DashboardHomePage from "./DashboardHomePage"; +import DashboardLegalsPage from "./DashboardLegalsPage"; +import DashboardProfilePage from "./DashboardProfilePage"; +import DashboardVerificationPage from "./DashboardVerificationPage"; +import DashboardpaymentsPage from "./DashboardPaymentsPage"; -export {HomePage, LoginPage, GetStartedPage, DashboardHome, DashboardLegals, DashboardProfile, DashboardVerification, Dashboardpayments} \ No newline at end of file +export {HomePage, LoginPage, GetStartedPage, DashboardHomePage, DashboardLegalsPage, DashboardProfilePage, DashboardVerificationPage, DashboardpaymentsPage} \ No newline at end of file diff --git a/src/router/Router.tsx b/src/router/Router.tsx index f6c977b..3cbe20f 100644 --- a/src/router/Router.tsx +++ b/src/router/Router.tsx @@ -1,6 +1,6 @@ import { Route, Routes } from "react-router-dom"; import { RouteHandler } from "./routes"; -import { GetStartedPage, HomePage, LoginPage, DashboardHome, DashboardLegals, DashboardProfile, DashboardVerification, Dashboardpayments } from "../pages"; +import { GetStartedPage, HomePage, LoginPage, DashboardHomePage, DashboardLegalsPage, DashboardProfilePage, DashboardVerificationPage, DashboardpaymentsPage } from "../pages"; import { DashboardAuth } from "../components"; const Routers = () => { @@ -10,11 +10,11 @@ const Routers = () => { } /> } /> }> - } /> - } /> - } /> - } /> - } /> + } /> + } /> + } /> + } /> + } /> Error Page} />