diff --git a/frontend/js/src/settings/missing-data/MissingMBData.tsx b/frontend/js/src/settings/missing-data/MissingMBData.tsx index 1d7117198f..d2206f281b 100644 --- a/frontend/js/src/settings/missing-data/MissingMBData.tsx +++ b/frontend/js/src/settings/missing-data/MissingMBData.tsx @@ -70,7 +70,7 @@ export default function MissingMBDataPage() { const dispatch = useBrainzPlayerDispatch(); const location = useLocation(); // Loader - const { data: loaderData } = useQuery( + const { data: loaderData, isLoading } = useQuery( RouteQuery(["missing-data"], location.pathname) ); const { missing_data: missingDataProps = [], last_updated: lastUpdated } = @@ -80,7 +80,6 @@ export default function MissingMBDataPage() { const pageSearchParam = searchParams.get("page"); // State - const [loading, setLoading] = React.useState(false); const [deletedListens, setDeletedListens] = React.useState>([]); const [missingData, setMissingData] = React.useState>( missingDataProps @@ -115,16 +114,7 @@ export default function MissingMBDataPage() { offset + EXPECTED_ITEMS_PER_PAGE ); - // Ref - const missingMBDataTableRef = React.useRef(null); - // Functions - const afterDisplay = () => { - if (missingMBDataTableRef?.current) { - missingMBDataTableRef.current.scrollIntoView({ behavior: "smooth" }); - } - setLoading(false); - }; const deleteListen = async (data: MissingMBData) => { if (user?.auth_token) { @@ -221,7 +211,7 @@ export default function MissingMBDataPage() { )}
-
+
- +
{itemsOnThisPage.map((group) => { const releaseName = group.at(0)?.release_name ?? null;