Merge pull request #4059 from beckn/bugfix/krushna/issue-4027/cache-issue

fix(deg-retail): fixed cache issue while logout and when user comes to home page

Author: aniketceminds

apps/deg-rental/pages/index.tsx

@@ -24,6 +24,7 @@ import { setNavigationType } from '@store/navigation-slice'
 import { AuthRootState } from '@store/auth-slice'
 import { UserRootState } from '@store/user-slice'
 import OpenWalletBottomModal from '@components/modal/OpenWalletBottomModal'
+import { clearCache } from '@utils/indexedDB'
 
 const MyStore = () => {
   const [startDate, setStartDate] = useState<string>(roundToNextHour(new Date()).toISOString())
@@ -71,6 +72,10 @@ const MyStore = () => {
     }
   }, [user, shouldShowInitialAlert])
 
+  useEffect(() => {
+    clearCache().catch(console.error)
+  }, [])
+
   const navigateToSearchResults = useCallback(
     (searchByRentingCapacity: boolean = false) => {
       if (searchByRentingCapacity || searchTerm) {

apps/deg-rental/pages/profile.tsx

@@ -21,6 +21,7 @@ import { ROLE, ROUTE_TYPE } from '@lib/config'
 import { AuthRootState } from '@store/auth-slice'
 import { useRouter } from 'next/router'
 import { InputProps } from '@beckn-ui/molecules'
+import { clearCache } from '@utils/indexedDB'
 // import { clearCache } from '@utils/indexedDB'
 
 const ProfilePage = () => {
@@ -259,7 +260,7 @@ const ProfilePage = () => {
               handleClick={async () => {
                 try {
                   // Clear IndexedDB first
-                  // await clearCache()
+                  await clearCache()
                   // Then dispatch logout action
                   dispatch(logout())
                 } catch (error) {

apps/deg-retail/pages/myStore.tsx

@@ -9,6 +9,7 @@ import { MdOutlineKeyboardArrowRight } from 'react-icons/md'
 import ShadowCardButton from '@components/buttonCard/ShadowCardButton'
 import { useDispatch, useSelector } from 'react-redux'
 import { RootState } from '@store/index'
+import { clearCache } from '@utils/indexedDB'
 
 const MyStore = () => {
   const router = useRouter()
@@ -46,6 +47,11 @@ const MyStore = () => {
     e.preventDefault()
   }
   const homeButtonName = type === 'RENT_AND_HIRE' ? 'Go Back' : 'Go Back Home'
+
+  useEffect(() => {
+    clearCache().catch(console.error)
+  }, [])
+
   return (
     <Box
       className="myStore-homepage"

apps/deg-retail/pages/profile.tsx

@@ -35,7 +35,7 @@ const ProfilePage = () => {
     customerId: '',
     address: ''
   })
-  const [formErrors, setFormErrors] = useState<FormErrors>({
+  const [formErrors, setFormErrors] = useState<FormErrors & { [key: string]: string }>({
     name: '',
     customerId: '',
     address: ''
@@ -62,7 +62,7 @@ const ProfilePage = () => {
       [name]: value
     }
 
-    const errors = profileValidateForm(updatedFormData) as any
+    const errors = profileValidateForm(updatedFormData) as Record<string, string>
     setFormErrors(prevErrors => ({
       ...prevErrors,
       [name]: t[`${errors[name]}`] || ''
@@ -84,7 +84,7 @@ const ProfilePage = () => {
         const result = response.data.agent
 
         console.log(result)
-        const { first_name, last_name, address, agent_profile } = result
+        const { first_name, agent_profile } = result
         setFormData({
           ...formData,
           name: `${first_name}`,
@@ -102,13 +102,16 @@ const ProfilePage = () => {
     if (formData.name === '' || formData.address === '') {
       return
     }
-    const errors = profileValidateForm(formData) as any
+    const errors = profileValidateForm(formData) as Record<string, string>
     setFormErrors(prevErrors => ({
       ...prevErrors,
-      ...Object.keys(errors).reduce((acc: any, key) => {
-        acc[key] = t[`${errors[key]}`] || ''
-        return acc
-      }, {} as FormErrors)
+      ...Object.keys(errors).reduce(
+        (acc, key) => {
+          ;(acc as Record<string, string>)[key] = t[`${errors[key]}`] || ''
+          return acc
+        },
+        { ...prevErrors } as Record<string, string>
+      )
     }))
 
     const data = {
@@ -247,7 +250,7 @@ const ProfilePage = () => {
               handleClick={async () => {
                 try {
                   // Clear IndexedDB first
-                  // await clearCache()
+                  await clearCache()
                   // Then dispatch logout action
                   dispatch(logout())
                 } catch (error) {