Added new pages to dashboard

2024-03-23 17:03:13 +01:00
parent 07f7a90c0d
commit ea4e6b7a59
23 changed files with 743 additions and 313 deletions
@@ -1,58 +1,24 @@
-import { DefaultCard } from "../"
+import React, { FC } from "react";
+import DashboardHomeIntro from "./DashboardHomeIntro";
+import DashboardFormInit from "./DashboardFormInit";
+
+interface DashboardHomeProps {}
+
+const DashboardHome: FC<DashboardHomeProps> = () => {
+  const [step, setStep] = React.useState(1);
+
+  const handleNextStep = () => {
+    if (step < 2) {
+      setStep(step + 1);
+    }
+  };

-export default function DashboardHome() {
  return (
-    <div className='w-full'>
-      <div className='group w-full lg:w-96 h-32'>
-        <DefaultCard 
-          descText='You currently do not have any open application. Click on apply for a loan to get started.'
-          iconName='arrow'
-          iconColor='#FBB700'
-          cardClass={`p-4 bg-[#FFFAFA] border border-[#EE4040]`}
-          descTextClass='text-[#423131] leading-5'
-          onClick={()=>{console.log('working')}}
-        />
-      </div>
-
-      <div className='w-full mt-20 flex gap-16 flex-wrap'>
-        {/* cards display */}
-        <div className='group h-40 w-full lg:w-80'>
-          <DefaultCard 
-            title='Apply for a loan'
-            descText='You currently do not have any open application. Click on apply for a loan to get started.'
-            iconName='greater-than'
-            iconColor='#FFF'
-            cardClass={`bg-[#5C2684] bg-[url('../../../src/assets/images/dashboard/card_bg.png')]`}
-            titleClass='text-[#FFF]'
-            descTextClass='text-[#EFEFEF] leading-5'
-            onClick={()=>{console.log('working')}}
-          />
-        </div>
-        <div className='group h-40 w-full lg:w-80'>
-          <DefaultCard 
-            title='Loan history'
-            descText='You currently do not have any open application. Click on apply for a loan to get started.'
-            iconName='greater-than'
-            iconColor='#FFF'
-            cardClass={`bg-[#635D4D] bg-[url('../../../src/assets/images/dashboard/card_bg.png')]`}
-            titleClass='text-[#FFF]'
-            descTextClass='text-[#EFEFEF] leading-5'
-            onClick={()=>{console.log('working')}}
-          />
-        </div>
-        <div className='group h-40 w-full lg:w-80'>
-          <DefaultCard 
-            title='How it works?'
-            descText='Steps to follow to complete your loan application successfully.'
-            iconName='greater-than'
-            iconColor='#FFF'
-            cardClass={`bg-[#635D4D] bg-[url('../../../src/assets/images/dashboard/card_bg.png')]`}
-            titleClass='text-[#FFF]'
-            descTextClass='text-[#EFEFEF] leading-5'
-            onClick={()=>{console.log('working')}}
-          />
-        </div>
-      </div>
+    <div className="w-full">
+      {step === 1 && <DashboardHomeIntro handleNextStep={handleNextStep} />}
+      {step === 2 && <DashboardFormInit />}
    </div>
-  )
-}
+  );
+};
+
+export default DashboardHome;