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

pl-fe: more migrations

Browse Source 
Signed-off-by: Nicole Mikołajczyk <git@mkljczk.pl>
This commit is contained in:
Nicole Mikołajczyk
2025-05-05 22:05:28 +02:00
parent afeb743ec3
commit 2d4892cc1e
8 changed files with 83 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/pl-fe/src/features/followers/index.tsx
View File

@@ -1,13 +1,13 @@
import React from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { useFollowers } from 'pl-fe/api/hooks/accounts/use-account-list';
import { useAccountLookup } from 'pl-fe/api/hooks/accounts/use-account-lookup';
import Account from 'pl-fe/components/account';
import MissingIndicator from 'pl-fe/components/missing-indicator';
import ScrollableList from 'pl-fe/components/scrollable-list';
import Column from 'pl-fe/components/ui/column';
import Spinner from 'pl-fe/components/ui/spinner';
import AccountContainer from 'pl-fe/containers/account-container';
import { useFollowers } from 'pl-fe/queries/account-lists/use-follows';
const messages = defineMessages({
heading: { id: 'column.followers', defaultMessage: 'Followers' },
@@ -26,9 +26,10 @@ const Followers: React.FC<IFollowers> = ({ params }) => {
const { account, isUnavailable } = useAccountLookup(params?.username);
const {
accounts,
data = [],
hasNextPage,
fetchNextPage,
isFetching,
isLoading,
} = useFollowers(account?.id);
@@ -60,10 +61,14 @@ const Followers: React.FC<IFollowers> = ({ params }) => {
onLoadMore={fetchNextPage}
emptyMessage={<FormattedMessage id='account.followers.empty' defaultMessage='No one follows this user yet.' />}
itemClassName='pb-4'
isLoading={isFetching}
>
{accounts.map((account) =>
<Account key={account.id} account={account} />,
)}
{data.map((accountId) => (
<AccountContainer
key={accountId}
id={accountId}
/>
))}
</ScrollableList>
</Column>
);

15
packages/pl-fe/src/features/following/index.tsx
View File

@@ -1,13 +1,13 @@
import React from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { useFollowing } from 'pl-fe/api/hooks/accounts/use-account-list';
import { useAccountLookup } from 'pl-fe/api/hooks/accounts/use-account-lookup';
import Account from 'pl-fe/components/account';
import MissingIndicator from 'pl-fe/components/missing-indicator';
import ScrollableList from 'pl-fe/components/scrollable-list';
import Column from 'pl-fe/components/ui/column';
import Spinner from 'pl-fe/components/ui/spinner';
import AccountContainer from 'pl-fe/containers/account-container';
import { useFollowing } from 'pl-fe/queries/account-lists/use-follows';
const messages = defineMessages({
heading: { id: 'column.following', defaultMessage: 'Following' },
@@ -26,9 +26,10 @@ const Following: React.FC<IFollowing> = ({ params }) => {
const { account, isUnavailable } = useAccountLookup(params?.username);
const {
accounts,
data = [],
hasNextPage,
fetchNextPage,
isFetching,
isLoading,
} = useFollowing(account?.id);
@@ -60,9 +61,13 @@ const Following: React.FC<IFollowing> = ({ params }) => {
onLoadMore={fetchNextPage}
emptyMessage={<FormattedMessage id='account.follows.empty' defaultMessage="This user doesn't follow anyone yet." />}
itemClassName='pb-4'
isLoading={isFetching}
>
{accounts.map((account) => (
<Account key={account.id} account={account} />
{data.map((accountId) => (
<AccountContainer
key={accountId}
id={accountId}
/>
))}
</ScrollableList>
</Column>