loads all websites in order to edit them

This commit is contained in:
chelsey-g 2024-11-15 16:41:20 -05:00
parent 1225473c20
commit 8d63d23c16

View file

@ -1,4 +1,4 @@
import { useState, useMemo } from 'react'; import { useState, useMemo, useEffect } from 'react';
import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd'; import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
import classNames from 'classnames'; import classNames from 'classnames';
import { Button, Loading } from 'react-basics'; import { Button, Loading } from 'react-basics';
@ -14,12 +14,25 @@ export function DashboardEdit({ teamId }: { teamId: string }) {
const { websiteOrder } = settings; const { websiteOrder } = settings;
const { formatMessage, labels } = useMessages(); const { formatMessage, labels } = useMessages();
const [order, setOrder] = useState(websiteOrder || []); const [order, setOrder] = useState(websiteOrder || []);
const [websites, setWebsites] = useState([]);
const { const {
result, result,
query: { isLoading }, query: { isLoading },
setParams,
} = useWebsites({ teamId }); } = useWebsites({ teamId });
const websites = result?.data; useEffect(() => {
if (result?.data) {
setWebsites(prevWebsites => {
const newWebsites = [...prevWebsites, ...result.data];
if (newWebsites.length < result.count) {
setParams(prevParams => ({ ...prevParams, page: prevParams.page + 1 }));
}
return newWebsites;
});
}
}, [result]);
const ordered = useMemo(() => { const ordered = useMemo(() => {
if (websites) { if (websites) {