feat(web): add khu-cong-nghiep, chuyen-nhuong, and reports pages
Add three new frontend page sections: - Industrial parks (khu-cong-nghiep): listing, detail, filter bar - Transfer listings (chuyen-nhuong): search, category tabs, detail - AI reports dashboard: list, create, viewer with TOC Includes components, API clients, hooks, server helpers, i18n keys, navigation links in public and dashboard layouts, and lint fixes. Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
53
apps/web/lib/hooks/use-khu-cong-nghiep.ts
Normal file
53
apps/web/lib/hooks/use-khu-cong-nghiep.ts
Normal file
@@ -0,0 +1,53 @@
|
||||
import { useQuery } from '@tanstack/react-query';
|
||||
import {
|
||||
industrialApi,
|
||||
type SearchIndustrialParksParams,
|
||||
} from '@/lib/khu-cong-nghiep-api';
|
||||
|
||||
export const industrialKeys = {
|
||||
all: ['industrial'] as const,
|
||||
search: (params: SearchIndustrialParksParams) => ['industrial', 'search', params] as const,
|
||||
detail: (slug: string) => ['industrial', 'detail', slug] as const,
|
||||
stats: () => ['industrial', 'stats'] as const,
|
||||
market: () => ['industrial', 'market'] as const,
|
||||
compare: (ids: string[]) => ['industrial', 'compare', ids] as const,
|
||||
};
|
||||
|
||||
export function useIndustrialParksSearch(params: SearchIndustrialParksParams = {}) {
|
||||
return useQuery({
|
||||
queryKey: industrialKeys.search(params),
|
||||
queryFn: () => industrialApi.search(params),
|
||||
});
|
||||
}
|
||||
|
||||
export function useIndustrialParkDetail(slug: string) {
|
||||
return useQuery({
|
||||
queryKey: industrialKeys.detail(slug),
|
||||
queryFn: () => industrialApi.getBySlug(slug),
|
||||
enabled: !!slug,
|
||||
});
|
||||
}
|
||||
|
||||
export function useIndustrialStats() {
|
||||
return useQuery({
|
||||
queryKey: industrialKeys.stats(),
|
||||
queryFn: () => industrialApi.getStats(),
|
||||
staleTime: 5 * 60 * 1000,
|
||||
});
|
||||
}
|
||||
|
||||
export function useIndustrialMarket() {
|
||||
return useQuery({
|
||||
queryKey: industrialKeys.market(),
|
||||
queryFn: () => industrialApi.getMarket(),
|
||||
staleTime: 5 * 60 * 1000,
|
||||
});
|
||||
}
|
||||
|
||||
export function useIndustrialCompare(ids: string[]) {
|
||||
return useQuery({
|
||||
queryKey: industrialKeys.compare(ids),
|
||||
queryFn: () => industrialApi.compare(ids),
|
||||
enabled: ids.length >= 2,
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user