Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2025-11-15 17:51:16 +10:00
Code Issues Packages Projects Releases Wiki Activity

refactor react-query usage

Browse Source
This commit is contained in:
Philipinho
2023-11-13 17:48:32 +00:00
parent dc65fbafa4
commit fb057b7801
22 changed files with 286 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
client/src/features/home/components/recent-changes.tsx
View File

@ -3,11 +3,10 @@ import { format } from 'date-fns';
import classes from './home.module.css';
import { Link } from 'react-router-dom';
import PageListSkeleton from '@/features/home/components/page-list-skeleton';
import usePage from '@/features/page/hooks/use-page';
import { useRecentChangesQuery } from '@/features/page/queries/page';
function RecentChanges() {
const { recentPagesQuery } = usePage();
const { data, isLoading, isError } = recentPagesQuery;
const { data, isLoading, isError } = useRecentChangesQuery();
if (isLoading) {
return <PageListSkeleton />;
@ -20,9 +19,9 @@ function RecentChanges() {
return (
<div>
{data.map((page) => (
<>
<div key={page.id}>
<UnstyledButton component={Link} to={`/p/${page.id}`}
className={classes.page} p="xs" key={page.id}>
className={classes.page} p="xs">
<Group wrap="noWrap">
<Stack gap="xs" style={{ flex: 1 }}>
@ -37,7 +36,7 @@ function RecentChanges() {
</Group>
</UnstyledButton>
<Divider />
</>
</div>
))}
</div>
);