matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nicolium: account scrobble query changes

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2026-02-22 13:12:20 +01:00
parent d95ba3278c
commit 77b763cade
3 changed files with 16 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/pl-fe/src/components/account-hover-card.tsx
View File

@ -1,5 +1,4 @@
import { autoUpdate, flip, shift, useFloating, useTransitionStyles } from '@floating-ui/react';
import { useQuery } from '@tanstack/react-query';
import { useRouter } from '@tanstack/react-router';
import clsx from 'clsx';
import React, { useEffect } from 'react';
@ -18,7 +17,7 @@ import { isTimezoneLabel } from '@/features/ui/components/profile-field';
import { UserPanel } from '@/features/ui/util/async-components';
import { useAppDispatch } from '@/hooks/use-app-dispatch';
import { useAppSelector } from '@/hooks/use-app-selector';
import { accountScrobbleQueryOptions } from '@/queries/accounts/account-scrobble';
import { useAccountScrobbleQuery } from '@/queries/accounts/account-scrobble';
import { useAccountHoverCardActions, useAccountHoverCardStore } from '@/stores/account-hover-card';
import AccountLocalTime from './account-local-time';
@ -79,7 +78,7 @@ const AccountHoverCard: React.FC<IAccountHoverCard> = ({ visible = true }) => {
const me = useAppSelector((state) => state.me);
const { account } = useAccount(accountId ?? undefined, { withRelationship: true });
const { data: scrobble } = useQuery(accountScrobbleQueryOptions(account?.id));
const { data: scrobble } = useAccountScrobbleQuery(account?.id);
const badges = getBadges(account);
useEffect(() => {

5
packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx
View File

@ -1,4 +1,3 @@
import { useQuery } from '@tanstack/react-query';
import React from 'react';
import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
@ -14,7 +13,7 @@ import Text from '@/components/ui/text';
import Emojify from '@/features/emoji/emojify';
import { useAcct } from '@/hooks/use-acct';
import { useAppSelector } from '@/hooks/use-app-selector';
import { accountScrobbleQueryOptions } from '@/queries/accounts/account-scrobble';
import { useAccountScrobbleQuery } from '@/queries/accounts/account-scrobble';
import { capitalize } from '@/utils/strings';
import { ProfileField } from '../../util/async-components';
@ -51,7 +50,7 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
const me = useAppSelector((state) => state.me);
const ownAccount = account?.id === me;
const { data: scrobble } = useQuery(accountScrobbleQueryOptions(account?.id));
const { data: scrobble } = useAccountScrobbleQuery(account?.id);
const getStaffBadge = (): React.ReactNode => {
if (account?.is_admin) {

19
packages/pl-fe/src/queries/accounts/account-scrobble.ts
View File

@ -1,15 +1,20 @@
import { queryOptions } from '@tanstack/react-query';
import { useQuery } from '@tanstack/react-query';
import { getClient } from '@/api';
import { useClient } from '@/hooks/use-client';
import { useFeatures } from '@/hooks/use-features';
const accountScrobbleQueryOptions = (accountId?: string) =>
queryOptions({
const useAccountScrobbleQuery = (accountId?: string) => {
const client = useClient();
const features = useFeatures();
return useQuery({
queryKey: ['scrobbles', accountId!],
queryFn: async () =>
(await getClient().accounts.getScrobbles(accountId!, { limit: 1 })).items[0] || null,
(await client.accounts.getScrobbles(accountId!, { limit: 1 })).items[0] || null,
placeholderData: undefined,
enabled: () => !!accountId && getClient().features.scrobbles,
enabled: () => !!accountId && features.scrobbles,
staleTime: 3 * 60 * 1000,
});
};
export { accountScrobbleQueryOptions };
export { useAccountScrobbleQuery };