training_data/packages/client/src/api/hooks/useAppConfig.ts

69 lines
1.7 KiB
TypeScript
Executable File

import { api } from "../trpc";
import { AppConfigSlug, BaseSetting } from "@nice/common";
import { useCallback, useEffect, useMemo, useState } from "react";
export function useAppConfig() {
const utils = api.useUtils();
const [baseSetting, setBaseSetting] = useState<BaseSetting | undefined>();
const { data, isLoading }: { data: any; isLoading: boolean } =
api.app_config.findFirst.useQuery({
where: { slug: AppConfigSlug.BASE_SETTING },
});
const handleMutationSuccess = useCallback(() => {
utils.app_config.invalidate();
}, [utils]);
// Use the generic success handler in mutations
const create: any = api.app_config.create.useMutation({
onSuccess: handleMutationSuccess,
});
const update: any = api.app_config.update.useMutation({
onSuccess: handleMutationSuccess,
});
const deleteMany = api.app_config.deleteMany.useMutation({
onSuccess: handleMutationSuccess,
});
useEffect(() => {
if (data?.meta) {
// console.log(JSON.parse(data?.meta));
setBaseSetting(data?.meta);
}
}, [data, isLoading]);
const splashScreen = useMemo(() => {
return baseSetting?.appConfig?.splashScreen;
}, [baseSetting]);
const devDept = useMemo(() => {
return baseSetting?.appConfig?.devDept;
}, [baseSetting]);
const slides = useMemo(() => {
return baseSetting?.appConfig?.slides || [];
}, [baseSetting]);
const slideLinks = useMemo(() => {
return baseSetting?.appConfig?.slideLinks || [];
}, [baseSetting]);
const statistics = useMemo(() => {
return (
baseSetting?.appConfig?.statistics || {
reads: 0,
staffs: 0,
courses: 0,
lectures: 0,
}
);
}, [baseSetting]);
return {
create,
deleteMany,
update,
baseSetting,
splashScreen,
devDept,
isLoading,
slides,
slideLinks,
statistics,
};
}