Code cleanup.

This commit is contained in:
Mike Cao 2023-08-18 21:52:59 -07:00
parent 21cdb06571
commit 7d5a24044a
10 changed files with 34 additions and 43 deletions

View file

@ -1,24 +1,25 @@
import Page from 'components/layout/Page';
import useApi from 'hooks/useApi';
import WebsitesTable from 'components/pages/settings/websites/WebsitesTable';
import useMessages from 'hooks/useMessages';
import useApiFilter from 'hooks/useApiFilter';
export function UserWebsites({ userId }) {
const { formatMessage, messages } = useMessages();
const { filter, page, pageSize, handleFilterChange, handlePageChange, handlePageSizeChange } =
useApiFilter();
const { get, useQuery } = useApi();
const { data, isLoading } = useQuery(['user:websites', userId, filter, page, pageSize], () =>
get(`/users/${userId}/websites`, {
filter,
page,
pageSize,
}),
const { data, isLoading, error } = useQuery(
['user:websites', userId, filter, page, pageSize],
() =>
get(`/users/${userId}/websites`, {
filter,
page,
pageSize,
}),
);
const hasData = data && data.length !== 0;
return (
<div>
<Page loading={isLoading} error={error}>
{hasData && (
<WebsitesTable
data={data}
@ -28,8 +29,7 @@ export function UserWebsites({ userId }) {
filterValue={filter}
/>
)}
{!hasData && formatMessage(messages.noDataAvailable)}
</div>
</Page>
);
}