admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

modified hook prevent to recall api

Browse Source
This commit is contained in:
Pramod Mahajan 2025-05-18 02:22:01 +05:30
parent ba04e041b8
commit 86e9854071
1 changed files with 57 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

125
src/hooks/useDirectory.js
View File

@ -1,77 +1,64 @@
import {useEffect, useState} from "react" import { useEffect, useState } from "react";
import {DirectoryRepository} from "../repositories/DirectoryRepository"; import { DirectoryRepository } from "../repositories/DirectoryRepository";
import {cacheData, getCachedData} from "../slices/apiDataManager"; import { cacheData, getCachedData } from "../slices/apiDataManager";
export const useDirectory = () => export const useDirectory = () => {
{ const [contacts, setContacts] = useState([]);
const [ contacts, setContacts ] = useState( [] ) const [loading, setLoading] = useState(false);
const [ loading, setLoading ] = useState( false ) const [error, setError] = useState();
const [ error, setError ] = useState();
const fetch = async() =>
{
const cache_contacts = getCachedData( "contacts" );
if ( !cache_contacts )
{
setLoading(true)
try
{
const response = await DirectoryRepository.GetContacts();
setContacts( response.data )
cacheData( "contacts", response.data )
setLoading(false)
} catch ( error )
{
setError( error );
setLoading(false)
}
} else
{
setContacts(cache_contacts)
}
const fetch = async () => {
const cache_contacts = getCachedData("contacts");
if (!cache_contacts) {
setLoading(true);
try {
const response = await DirectoryRepository.GetContacts();
setContacts(response.data);
cacheData("contacts", response.data);
setLoading(false);
} catch (error) {
setError(error);
setLoading(false);
}
} else {
setContacts(cache_contacts);
} }
};
useState( () => useState(() => {
{ fetch();
fetch() }, []);
}, [] ) return { contacts, loading, error };
return {contacts,loading,error} };
}
export const useBuckets = () => export const useBuckets = () => {
{ const [buckets, setBuckets] = useState([]);
const [ buckets, setbuckets ] = useState(); const [loading, setLoading] = useState(false);
const [ loading, setLoading ] = useState(); const [error, setError] = useState("");
const [ Error, setError ] = useState( '' )
const fetch = async() => const fetchBuckets = async () => {
{ const cache_buckets = getCachedData("buckets") const cacheBuckets = getCachedData("buckets");
if ( !cache_buckets ) if (!cacheBuckets) {
{ setLoading( true );
setLoading(true) console.log("called")
try try {
{ const resp = await DirectoryRepository.GetBucktes();
const resp = await DirectoryRepository.GetBucktes(); setBuckets(resp.data);
setbuckets( resp.data ); cacheData( "buckets", resp.data );
cacheData( "bucktes", resp.data ) setLoading(false);
setLoading(false) } catch (error) {
} catch ( error ) const msg =
{ error?.response?.data?.message || error?.message || "Something went wrong";
const msg = error.response.data.message || error.message || "Something wrong"; setError(msg);
setError(msg) }
} } else {
} else setBuckets(cacheBuckets);
{
setbuckets(cache_buckets)
}
} }
};
useEffect( () => useEffect(() => {
{ fetchBuckets();
fetch() }, []);
}, [] )
return {buckets,loading,Error} return { buckets, loading, error };
} };