diff --git a/components/analysis/AnalysisPopUp.tsx b/components/analysis/AnalysisPopUp.tsx
index e858278..b1184d2 100644
--- a/components/analysis/AnalysisPopUp.tsx
+++ b/components/analysis/AnalysisPopUp.tsx
@@ -8,9 +8,9 @@ interface props {
     setIsfilteropen: Function
     setIsAddAccountPopupOpen: Function
     bankAccountList: any[]
-
+    SetIsKycPermissionPopUpOpen: Function
 }
-const AnalysisPopUp = ({ isanalysisopen, setIsanalysisopen, setIsAddAccountPopupOpen, setIsfilteropen, bankAccountList }: props) => {
+const AnalysisPopUp = ({ isanalysisopen, setIsanalysisopen, setIsAddAccountPopupOpen, setIsfilteropen, bankAccountList,SetIsKycPermissionPopUpOpen }: props) => {
     const [dropfiles, setDropfiles] = useState(false)
 
     useEffect(() => {
@@ -32,7 +32,7 @@ const AnalysisPopUp = ({ isanalysisopen, setIsanalysisopen, setIsAddAccountPopup
             padding={0}
         >
             {dropfiles ? <AnalysisType setdropfiles={setDropfiles} setIsfilteropen={setIsfilteropen} bankAccountList={bankAccountList}
-                setIsanalysisopen={setIsanalysisopen} setIsAddAccountPopupOpen={setIsAddAccountPopupOpen} /> : <DropFiles setdropfiles={setDropfiles} setIsanalysisOpen={setIsanalysisopen} />}
+                setIsanalysisopen={setIsanalysisopen} setIsAddAccountPopupOpen={setIsAddAccountPopupOpen}  SetIsKycPermissionPopUpOpen={SetIsKycPermissionPopUpOpen} /> : <DropFiles setdropfiles={setDropfiles} setIsanalysisOpen={setIsanalysisopen} />}
         </Modal>
     )
 }
diff --git a/components/analysis/selectType.tsx b/components/analysis/selectType.tsx
index 87b59db..52b2a56 100644
--- a/components/analysis/selectType.tsx
+++ b/components/analysis/selectType.tsx
@@ -4,7 +4,9 @@ import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { useState } from 'react'
 import Heading from '../reusable-components/Heading'
-
+import useStorage from '../../hooks/useStorage'
+import api from '../datams'
+import { useEffect } from 'react'
 const useStyles = createStyles((theme) => ({
   wrapper: {
     backgroundColor: `#EEEEEE`,
@@ -193,14 +195,45 @@ interface props {
   setIsfilteropen: Function
   bankAccountList: any[]
   setIsAddAccountPopupOpen: Function
+  SetIsKycPermissionPopUpOpen: Function
 }
-export function AnalysisType({ setdropfiles, setIsanalysisopen, setIsfilteropen, bankAccountList, setIsAddAccountPopupOpen }: props) {
+export function AnalysisType({ setdropfiles, setIsanalysisopen, setIsfilteropen, bankAccountList, setIsAddAccountPopupOpen,SetIsKycPermissionPopUpOpen }: props) {
   const { classes } = useStyles()
   const [click, setClick] = useState(false)
   const [type, setType] = useState<number | undefined>(undefined)
+  const { getItem } = useStorage()
+  const [result, setResult] = useState(1)
   const [account, setAccount] = useState({
     id: 1,
   })
+  const GetKycStatus = () => {
+    const accessToken = getItem('access_token', 'session')
+    console.log(accessToken)
+    const user_id = getItem('user_id')
+    const accLength = JSON.stringify(getItem('accounts'))?.length
+    const response = api
+      .get(`/user/getkyc/`, {
+        headers: {
+          Authorization: `Bearer ${accessToken}`,
+          'Content-Type': 'application/json',
+        },
+      })
+      .then((response) => {
+        response.data.message === 'KYC done' && setResult(1)
+        console.log(response.data.message);
+
+      })
+      .catch((err) => {
+        err.response.data.message === 'KYC not done' && setResult(0)
+        console.log(err.response.data.message)
+      })
+  }
+
+  useEffect(() => {
+    GetKycStatus()
+    console.log(result)
+    // setResult(0);
+  }, [])
   let fetchedAccount = [
     { id: 1, name: 'Upload Transactions', src: `upi1` },
     { id: 2, name: 'Fetch Transactions', src: `bank-building-white` },
@@ -222,7 +255,10 @@ export function AnalysisType({ setdropfiles, setIsanalysisopen, setIsfilteropen,
         <div className={classes.button1} onClick={() => {
           setdropfiles(true)
           setIsanalysisopen(false)
-          if (bankAccountList.length === 0) {
+          if(result===0){
+            SetIsKycPermissionPopUpOpen(true);
+          }
+          else if (bankAccountList.length === 0) {
             setIsAddAccountPopupOpen(true)
           } else {
             setIsfilteropen(true)
@@ -237,7 +273,7 @@ export function AnalysisType({ setdropfiles, setIsanalysisopen, setIsfilteropen,
       );
     }
   };
-
+  
   return (
     // <div className={classes.wrapper}>
     <div className={classes.form}>
diff --git a/components/dashboard/ExportButton.tsx b/components/dashboard/ExportButton.tsx
index 9105deb..8d61248 100644
--- a/components/dashboard/ExportButton.tsx
+++ b/components/dashboard/ExportButton.tsx
@@ -4,7 +4,6 @@ import React, { useState } from 'react'
 import useAccountStore from '../Store/Account'
 // import { useReactToPrint } from 'react-to-print'
 import { CSVLink } from 'react-csv'
-
 const useStyles = createStyles((theme) => ({
   button: {
     width: `120px`,
@@ -90,9 +89,9 @@ export default function ExportButton() {
         <Menu.Item>Send an Email</Menu.Item>
       </Menu.Dropdown>
 
-      <div style={{ display: 'none' }}>
+      {/* <div style={{ display: 'none' }}>
         <ComponentToPrint ref={componentRef} />
-      </div>
+      </div> */}
     </Menu>
   )
 }
diff --git a/components/dashboard/LeftPane.tsx b/components/dashboard/LeftPane.tsx
index 49f19c2..e7ae5d6 100644
--- a/components/dashboard/LeftPane.tsx
+++ b/components/dashboard/LeftPane.tsx
@@ -7,8 +7,8 @@ import useAccountStore from '../Store/Account'
 import CashCard from './CashLimitCard'
 import EodBalance from './EODBalanceCard'
 import RecentTransactions from './recenttransactions'
-
 const FilterRow = styled.div`
+
   display: flex;
   gap: 12px;
   justify-content: space-between;
@@ -95,8 +95,10 @@ const LeftPane = ({ accountsList, useAccount }: Props) => {
   }, [])
   useEffect(() => {
     console.log('useAccount.Transaction', useAccount.Transaction)
+    
     console.log('selectedBankAccount', selectedBankAccount)
   }, [selectedBankAccount])
+  console.log('useAccount',useAccount)
   const [account, setaccount] = useState(0);
   const uploaded = useAccountStore(state => state.uploaded)
 
@@ -170,7 +172,7 @@ const LeftPane = ({ accountsList, useAccount }: Props) => {
           </Group>
         </>}
         {/* <EodBalance balance="$1,23,456" comparision={4.6} /> */}
-
+        
         <RecentTransactions transactions={useAccount.Transaction} />
       </ContainerLeft>
     </>
diff --git a/components/dashboard/RightPane.tsx b/components/dashboard/RightPane.tsx
index 12bc81e..c838dc0 100644
--- a/components/dashboard/RightPane.tsx
+++ b/components/dashboard/RightPane.tsx
@@ -11,6 +11,8 @@ import useAccountStore from '../Store/Account'
 import dayjs from 'dayjs'
 import { useState } from 'react'
 import { useEffect } from 'react'
+import Image from 'next/image'
+import { Card } from '@mantine/core'
 const useStyles = createStyles((theme) => ({
   header: {
     flexDirection: 'row',
@@ -50,7 +52,36 @@ const useStyles = createStyles((theme) => ({
     border: 'none',
   },
 }))
+const Empty=()=>{
+  return (
+    <Card
+    // radius={'lg'}
 
+    style={{
+      boxShadow: '0px 2px 40px rgba(0, 0, 0, 0.1)',
+    }}
+    mr={15}
+  >
+    <Group
+      align={'center'}
+      style={{
+        flex: 1,
+        maxHeight: '53vh',
+        overflow: 'auto',
+        margin: 'auto',
+        alignItems: 'center'
+      }}
+    >
+       <Image
+              src={'/icons/empty.png'}
+              alt="filter-icon"
+              height={300}
+              width={300}
+            />
+    </Group>
+  </Card>
+)
+}
 const RightPane = () => {
   const { getItem } = useStorage()
   const { classes } = useStyles()
@@ -122,12 +153,14 @@ const RightPane = () => {
           </Tabs.List>
 
           <Tabs.Panel value="financial" className={classes.tabsPanel}>
-            <FinancialStatistics />
+            {transactions[0].description==='' && <Empty/>}
+          {transactions[0].description!=='' && <FinancialStatistics />}
           </Tabs.Panel>
 
           <Tabs.Panel value="stocks" className={classes.tabsPanel}>
             {/* <StockStatisticsx /> */}
             <StockStatistics />
+          
           </Tabs.Panel>
           {/* {    console.log('rendered6846')} */}
         </Tabs>
diff --git a/components/dashboard/recenttransactions.tsx b/components/dashboard/recenttransactions.tsx
index bcf8b3e..9b1946c 100644
--- a/components/dashboard/recenttransactions.tsx
+++ b/components/dashboard/recenttransactions.tsx
@@ -160,6 +160,7 @@ const RecentTransactions = (prop: {
         Recent Transactions
       </Text>
       <div style={{ maxHeight: '64vh', overflow: 'auto' }}>
+      
         {prop.transactions?.map((t) => (
           <div key={t.id}>
             <TransactionCard data={t} />
diff --git a/components/dashboard/recenttransactionsRightPane.tsx b/components/dashboard/recenttransactionsRightPane.tsx
index b85d6bb..5f28e85 100644
--- a/components/dashboard/recenttransactionsRightPane.tsx
+++ b/components/dashboard/recenttransactionsRightPane.tsx
@@ -1,5 +1,5 @@
 import { Card, Text, Group, Stack, HoverCard } from '@mantine/core'
-
+import { useEffect } from 'react'
 const palette = ['#D56EEA', '#26DD76', '#FFAA57', '#4198FF']
 
 var transactions = [
@@ -155,13 +155,19 @@ const TransactionCard = (props: {
 }
 
 const RecentTransactions = () => {
+  useEffect(() => {
+    console.log(transactions.length)
+  
+  }, [])
+  
   return (
     <div>
       <Text ff={'Montserrat'} c="#0062D6" fw={700} fz={22} mt={4} ml={8}>
         Recent Transactions
       </Text>
       <div style={{ maxHeight: '30vh', overflow: 'auto' }}>
-        {transactions?.map((t) => (
+        {transactions.length===0 && <h1>No new transactions</h1>}
+        {transactions.length!==0 && transactions?.map((t) => (
           <div key={t.date}>
             <TransactionCard data={t} />
           </div>
diff --git a/components/home/add-bank-account/AddAccountFormPopup.tsx b/components/home/add-bank-account/AddAccountFormPopup.tsx
index 9097b4b..293c379 100644
--- a/components/home/add-bank-account/AddAccountFormPopup.tsx
+++ b/components/home/add-bank-account/AddAccountFormPopup.tsx
@@ -313,7 +313,7 @@ export function AddAccountFormPopup({
                               withCloseButton: true,
                               autoClose: 5000,
                               title: "Unsuccessful",
-                              message: err.response.data?.message,
+                              message: err?.response?.data?.message,
                               color: 'red',
                               icon: <IconX size={"1.1rem"} />,
                               loading: false,
@@ -354,7 +354,7 @@ export function AddAccountFormPopup({
                             withCloseButton: true,
                             autoClose: 5000,
                             title: "Unsuccessful",
-                            message: err.response.data?.message,
+                            message: err?.response?.data?.message,
                             color: 'red',
                             icon: <IconX size={"1.1rem"} />,
                             loading: false,
diff --git a/components/home/add-bank-account/AddBankAccountSection.tsx b/components/home/add-bank-account/AddBankAccountSection.tsx
index 591c947..6437ff9 100644
--- a/components/home/add-bank-account/AddBankAccountSection.tsx
+++ b/components/home/add-bank-account/AddBankAccountSection.tsx
@@ -1,4 +1,9 @@
 import styled from '@emotion/styled'
+import { createStyles } from '@mantine/core'
+import { useRouter } from 'next/router'
+import { useState } from 'react'
+import useStorage from '../../../hooks/useStorage'
+import { useEffect } from 'react'
 import {
   Button,
   ButtonProps,
@@ -6,7 +11,7 @@ import {
   Image,
   Loader,
 } from '@mantine/core'
-
+import api from '../../datams'
 const Oflex = styled.div`
   display: flex;
   flex-direction: row;
@@ -130,17 +135,64 @@ interface Props {
   setIsAddAccountPopupOpen: Function
   bankAccountList: any[]
   loading: any
+  SetIsKycPermissionPopUpOpen:Function
 }
 export default function BankAccount({
   bankAccountList,
   setIsAddAccountPopupOpen,
   loading,
+  SetIsKycPermissionPopUpOpen,
 }: Props) {
+
+  const [click, setClick] = useState(false)
+  const [type, setType] = useState<number | undefined>(undefined)
+  const { getItem } = useStorage()
+  const [result, setResult] = useState(1)
+  const [account, setAccount] = useState({
+    id: 1,
+  })
+  const GetKycStatus = () => {
+    const accessToken = getItem('access_token', 'session')
+    console.log(accessToken)
+    const user_id = getItem('user_id')
+    const accLength = JSON.stringify(getItem('accounts'))?.length
+    const response = api
+      .get(`/user/getkyc/`, {
+        headers: {
+          Authorization: `Bearer ${accessToken}`,
+          'Content-Type': 'application/json',
+        },
+      })
+      .then((response) => {
+        response.data.message === 'KYC done' && setResult(1)
+        console.log(response.data.message);
+
+      })
+      .catch((err) => {
+        err.response.data.message === 'KYC not done' && setResult(0)
+        console.log(err.response.data.message)
+      })
+  }
+
+  useEffect(() => {
+    GetKycStatus()
+    console.log(result)
+    // setResult(0);
+  }, [])
   return (
     <Container>
       <Iflex>
         <AddBankAccountText>Add Bank Account</AddBankAccountText>
-        <AddAccountButton onClick={() => setIsAddAccountPopupOpen(true)}>
+      
+        <AddAccountButton onClick={() => {
+          if(result===0){
+            SetIsKycPermissionPopUpOpen(true)
+          }
+          else{
+            setIsAddAccountPopupOpen(true)
+          }
+          
+        }}>
           Add Account
         </AddAccountButton>
       </Iflex>
@@ -162,7 +214,17 @@ export default function BankAccount({
         })}
 
         <AddAnotherBox>
-          <PlusImageContainer onClick={() => setIsAddAccountPopupOpen(true)}>
+          <PlusImageContainer onClick={() => 
+            {
+              if(result===0){
+                SetIsKycPermissionPopUpOpen(true)
+              }
+              else{
+                setIsAddAccountPopupOpen(true)
+              }
+              
+            }
+            }>
             <Image src="images/frame.png" alt="add" />
           </PlusImageContainer>
         </AddAnotherBox>
diff --git a/components/home/make-payment-section/index.tsx b/components/home/make-payment-section/index.tsx
index d0d1501..f58468b 100644
--- a/components/home/make-payment-section/index.tsx
+++ b/components/home/make-payment-section/index.tsx
@@ -12,7 +12,7 @@ import { useEffect, useState } from 'react'
 import useStorage from '../../../hooks/useStorage'
 import api from '../../datams'
 import MakePaymentCard from './MakePaymentCards'
-
+import { useRouter } from 'next/router'
 const _StyledButton = styled(Button)`
   border-radius: 30px;
   color: white;
@@ -43,6 +43,7 @@ export default function Payment({
   setIsAddAccountPopupOpen,
   bankAccountList
 }: Props) {
+  const router=useRouter()
   const { getItem } = useStorage()
   const [result, setResult] = useState(1)
   const GetKycStatus = () => {
@@ -63,13 +64,13 @@ export default function Payment({
         // console.log(err.response.data.message)
       })
   }
-  // const [accLength, setAccLength] = useState('[]')
-  // useEffect(() => {
-  //   GetKycStatus()
-  //   // setResult(0)
-  //   setAccLength(getItem('accounts'))
-  //   console.log(result)
-  // }, [])
+  const [accLength, setAccLength] = useState('[]')
+  useEffect(() => {
+    GetKycStatus()
+    // setResult(0)
+    setAccLength(getItem('accounts'))
+    console.log(result)
+  }, [])
   return (
     <div style={{ marginLeft: '3vw', marginRight: `3vw`, marginTop: '3vh' }}>
       <Card shadow="sm" padding="xs" radius="lg" withBorder bg={'#E0EEFF'}>
@@ -88,7 +89,7 @@ export default function Payment({
           style={{ justifyContent: 'space-evenly', alignItems: 'flex-start' }}
           my={12}
         >
-          {result === 0 && (
+          {/* {result === 0 && (
             <div
               onClick={() => {
                 SetIsKycPermissionPopUpOpen(true)
@@ -100,9 +101,55 @@ export default function Payment({
                 alt="Bank Transfer"
               />
             </div>
-          )}
+          )} */}
+          
+            <div
+              onClick={() => {
+                if(result===0){
+                  SetIsKycPermissionPopUpOpen(true)
+                }
+                else if(bankAccountList.length === 0){
+                  setIsAddAccountPopupOpen(true)
+                }
+                else{
+                  router.push('/bank-transfer')
+                }
+                
+              }}
+            >
+              
+              <MakePaymentCard
+                imageAddress="icons/bank-building-white.png"
+                cardText="Bank Transfer"
+                alt="Bank Transfer"
+              />
+            </div>
+        
+            <div
+              onClick={() => {
+                if(result===0){
+                  SetIsKycPermissionPopUpOpen(true)
+                }
+                else if(bankAccountList.length === 0){
+                  setIsAddAccountPopupOpen(true)
+                }
+                else{
+                
+                router.push('/UPI')
+                
+                }
+               
+              }}
+            >
+               <MakePaymentCard
+                imageAddress="icons/upi.png"
+                cardText="UPI Payment"
+                alt="UPI Payment"
+              />
+            </div>
+          
 
-          {result === 1 && bankAccountList.length !== 0 && (
+          {/* {result === 1 && bankAccountList.length !== 0 && (
             <Link href="/bank-transfer" style={{ textDecoration: 'none' }}>
               <MakePaymentCard
                 imageAddress="icons/bank-building-white.png"
@@ -160,7 +207,7 @@ export default function Payment({
                 alt="UPI Payment"
               />
             </div>
-          )}
+          )} */}
 
           {/* {(result===0) ? (
             <div
diff --git a/pages/home/index.tsx b/pages/home/index.tsx
index 7d15b1a..2885720 100644
--- a/pages/home/index.tsx
+++ b/pages/home/index.tsx
@@ -94,8 +94,8 @@ const Home: NextPage = () => {
       />
       <Navbar dashClickHandler={() => dashClickHandler(accLength, kycStatus)} />
       <SeeYourAnalysis
-        dashClickHandler={() => setisanalysisopen(true)}
-      />
+        dashClickHandler={() => setisanalysisopen(true) }
+      />  
       <Payment
         isKycPermissionPopUpOpen={isKycPermissionPopUpOpen}
         SetIsKycPermissionPopUpOpen={setIsKycPermissionPopUpOpen}
@@ -105,6 +105,7 @@ const Home: NextPage = () => {
       <BankAccount
         bankAccountList={bankAccountList}
         setIsAddAccountPopupOpen={setIsAddAccountPopupOpen}
+        SetIsKycPermissionPopUpOpen={setIsKycPermissionPopUpOpen}
         loading={loading}
       />
       <OfferCardsRow />
@@ -126,7 +127,8 @@ const Home: NextPage = () => {
       <AnalysisPopUp
         bankAccountList={bankAccountList}
         setIsAddAccountPopupOpen={setIsAddAccountPopupOpen}
-        isanalysisopen={isanalysisopen} setIsfilteropen={setIsfilteropen} setIsanalysisopen={setisanalysisopen} />
+        isanalysisopen={isanalysisopen} setIsfilteropen={setIsfilteropen} setIsanalysisopen={setisanalysisopen}
+        SetIsKycPermissionPopUpOpen={setIsKycPermissionPopUpOpen} />
     </>
   )
 }
diff --git a/public/icons/empty.png b/public/icons/empty.png
new file mode 100644
index 0000000..66ae11f
Binary files /dev/null and b/public/icons/empty.png differ