diff --git a/packages/pl-fe/src/columns/trends.tsx b/packages/pl-fe/src/columns/trends.tsx
index 66053395e..4f45fbd24 100644
--- a/packages/pl-fe/src/columns/trends.tsx
+++ b/packages/pl-fe/src/columns/trends.tsx
@@ -21,10 +21,22 @@ interface ITrendsColumn {
}
const TrendsColumn: React.FC
= ({ type, multiColumn }) => {
- const { data: accounts, isFetching: isFetchingAccounts, isLoading: isLoadingAccounts } = useSuggestedAccounts();
+ const {
+ data: accounts,
+ isFetching: isFetchingAccounts,
+ isLoading: isLoadingAccounts,
+ } = useSuggestedAccounts();
const { data: trendingTags, isFetching: isFetchingTags, isLoading: isLoadingTags } = useTrends();
- const { data: trendingStatuses, isFetching: isFetchingStatuses, isLoading: isLoadingStatuses } = useTrendingStatuses();
- const { data: trendingLinks, isFetching: isFetchingLinks, isLoading: isLoadingLinks } = useTrendingLinks();
+ const {
+ data: trendingStatuses,
+ isFetching: isFetchingStatuses,
+ isLoading: isLoadingStatuses,
+ } = useTrendingStatuses();
+ const {
+ data: trendingLinks,
+ isFetching: isFetchingLinks,
+ isLoading: isLoadingLinks,
+ } = useTrendingLinks();
let placeholderComponent = PlaceholderStatus;
@@ -34,27 +46,31 @@ const TrendsColumn: React.FC = ({ type, multiColumn }) => {
switch (type) {
case 'accounts': {
- children = accounts?.map(account => );
+ children = accounts?.map((account) => (
+
+ ));
isFetching = isFetchingAccounts;
isLoading = isLoadingAccounts;
placeholderComponent = PlaceholderAccount;
break;
}
case 'hashtags': {
- children = trendingTags?.map(tag => );
+ children = trendingTags?.map((tag) => );
isFetching = isFetchingTags;
isLoading = isLoadingTags;
placeholderComponent = PlaceholderHashtag;
break;
}
case 'statuses': {
- children = trendingStatuses?.map(statusId => );
+ children = trendingStatuses?.map((statusId) => (
+
+ ));
isFetching = isFetchingStatuses;
isLoading = isLoadingStatuses;
break;
}
case 'links': {
- children = trendingLinks?.map(link => );
+ children = trendingLinks?.map((link) => );
isFetching = isFetchingLinks;
isLoading = isLoadingLinks;
break;
diff --git a/packages/pl-fe/src/components/account-hover-card.tsx b/packages/pl-fe/src/components/account-hover-card.tsx
index 35554964d..ec730b81c 100644
--- a/packages/pl-fe/src/components/account-hover-card.tsx
+++ b/packages/pl-fe/src/components/account-hover-card.tsx
@@ -33,15 +33,32 @@ const messages = {
pronouns: { id: 'account.pronouns.with_label', defaultMessage: 'Pronouns: {pronouns}' },
};
-const getBadges = (
- account?: Pick,
-): JSX.Element[] => {
+const getBadges = (account?: Pick): JSX.Element[] => {
const badges = [];
if (account?.is_admin) {
- badges.push(} />);
+ badges.push(
+
+ }
+ />,
+ );
} else if (account?.is_moderator) {
- badges.push(} />);
+ badges.push(
+
+ }
+ />,
+ );
}
return badges;
@@ -60,7 +77,7 @@ const AccountHoverCard: React.FC = ({ visible = true }) => {
const { accountId, ref } = useAccountHoverCardStore();
const { updateAccountHoverCard, closeAccountHoverCard } = useAccountHoverCardActions();
- const me = useAppSelector(state => state.me);
+ const me = useAppSelector((state) => state.me);
const { account } = useAccount(accountId ?? undefined, { withRelationship: true });
const { data: scrobble } = useQuery(accountScrobbleQueryOptions(account?.id));
const badges = getBadges(account);
@@ -120,14 +137,14 @@ const AccountHoverCard: React.FC = ({ visible = true }) => {
const memberSinceDate = intl.formatDate(account.created_at, { month: 'long', year: 'numeric' });
const followedBy = me !== account.id && account.relationship?.followed_by === true;
- const timezoneField = account.fields.find(field => isTimezoneLabel(field.name));
+ const timezoneField = account.fields.find((field) => isTimezoneLabel(field.name));
return (
= ({ visible = true }) => {
onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave}
>
-
+
= ({ visible = true }) => {
@@ -165,9 +187,7 @@ const AccountHoverCard: React.FC = ({ visible = true }) => {
) : null}
- {timezoneField && (
-
- )}
+ {timezoneField && }
{account.pronouns.length > 0 && (
@@ -178,7 +198,9 @@ const AccountHoverCard: React.FC = ({ visible = true }) => {
{account.pronouns.join('/')}
diff --git a/packages/pl-fe/src/components/account-local-time.tsx b/packages/pl-fe/src/components/account-local-time.tsx
index 84b2b9bac..d0e35ce38 100644
--- a/packages/pl-fe/src/components/account-local-time.tsx
+++ b/packages/pl-fe/src/components/account-local-time.tsx
@@ -12,13 +12,17 @@ const supportedTimeZones = Intl.supportedValuesOf('timeZone');
const UTC_REGEX = /(GMT|UTC)([+-])([0-9]{1,2})/i;
const getSupportedTimezone = (value: string): string | false => {
- let foundTimezone = supportedTimeZones.find((tz) => value.toLowerCase().startsWith(tz.toLowerCase()));
+ let foundTimezone = supportedTimeZones.find((tz) =>
+ value.toLowerCase().startsWith(tz.toLowerCase()),
+ );
if (!foundTimezone) {
const match = value.match(UTC_REGEX);
if (match) {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const [_, __, sign, hours] = match;
- foundTimezone = supportedTimeZones.find((tz) => tz.toLowerCase() === `etc/gmt${sign === '+' ? '-' : '+'}${+hours}`);
+ foundTimezone = supportedTimeZones.find(
+ (tz) => tz.toLowerCase() === `etc/gmt${sign === '+' ? '-' : '+'}${+hours}`,
+ );
}
}
return foundTimezone ?? false;
@@ -76,7 +80,12 @@ const AccountLocalTime: React.FC = ({ accountId, field }) =>
if (!localTime) return null;
return (
-
+