@selfcommunity/react-core
Version:
React Core Components useful for integrating UI Community components (react-ui).
84 lines (81 loc) • 2.79 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = require("react");
const Errors_1 = require("../constants/Errors");
const api_services_1 = require("@selfcommunity/api-services");
const utils_1 = require("@selfcommunity/utils");
const Cache_1 = require("../constants/Cache");
const init = { groups: [], isLoading: true };
// HYDRATE the cache
const hydrate = (ids) => {
if (!ids) {
return null;
}
const groups = ids.map((id) => {
const __groupCacheKey = (0, Cache_1.getGroupObjectCacheKey)(id);
return utils_1.LRUCache.get(__groupCacheKey);
});
if (groups.filter((c) => !c).length > 0) {
// REVALIDATE CACHE
return null;
}
return groups;
};
/**
:::info
This custom hook is used to fetch groups.
@param object.cacheStrategy
:::tip Context can be consumed in this way:
```jsx
const {groups, isLoading} = useSCFetchGroups();
```
:::
* @param props
*/
const useSCFetchGroups = (props) => {
// PROPS
const { cacheStrategy = utils_1.CacheStrategies.CACHE_FIRST } = props || {};
// CACHE
const __groupsCacheKey = (0, Cache_1.getGroupsObjectCacheKey)();
// STATE
const groups = cacheStrategy !== utils_1.CacheStrategies.NETWORK_ONLY ? hydrate(utils_1.LRUCache.get(__groupsCacheKey, null)) : null;
const [data, setData] = (0, react_1.useState)(groups !== null ? { groups, isLoading: false } : init);
/**
* Fetch groups
*/
const fetchGroups = (next = api_services_1.Endpoints.GetUserGroups.url()) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
const response = yield api_services_1.http.request({
url: next,
method: api_services_1.Endpoints.GetUserGroups.method,
});
const data = response.data;
if (data.next) {
return data.results.concat(yield fetchGroups(data.next));
}
return data.results;
});
/**
* Get groups
*/
(0, react_1.useEffect)(() => {
if (cacheStrategy === utils_1.CacheStrategies.CACHE_FIRST && groups) {
return;
}
fetchGroups()
.then((data) => {
setData({ groups: data, isLoading: false });
utils_1.LRUCache.set(__groupsCacheKey, data.map((group) => {
const __groupCacheKey = (0, Cache_1.getGroupObjectCacheKey)(group.id);
utils_1.LRUCache.set(__groupCacheKey, group);
return group.id;
}));
})
.catch((error) => {
console.log(error);
utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, 'Unable to retrieve groups');
});
}, []);
return data;
};
exports.default = useSCFetchGroups;