50 lines
1.3 KiB
TypeScript
50 lines
1.3 KiB
TypeScript
|
import { api } from "../trpc";
|
||
|
|
import { AppConfigSlug, BaseSetting } from "@nicestack/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) {
|
||
|
|
setBaseSetting(JSON.parse(data?.meta));
|
||
|
|
}
|
||
|
|
|
||
|
|
}, [data, isLoading]);
|
||
|
|
const splashScreen = useMemo(() => {
|
||
|
|
return baseSetting?.appConfig?.splashScreen;
|
||
|
|
}, [baseSetting]);
|
||
|
|
const devDept = useMemo(() => {
|
||
|
|
return baseSetting?.appConfig?.devDept;
|
||
|
|
}, [baseSetting]);
|
||
|
|
return {
|
||
|
|
|
||
|
|
create,
|
||
|
|
deleteMany,
|
||
|
|
update,
|
||
|
|
baseSetting,
|
||
|
|
splashScreen,
|
||
|
|
devDept,
|
||
|
|
isLoading,
|
||
|
|
};
|
||
|
|
}
|