Removes old FeaturedCarousel component (#40454)

app/javascript/mastodon/components/featured_carousel.tsx

@@ -1,90 +0,0 @@
-import { useCallback, useEffect, useId } from 'react';
-
-import { defineMessages, FormattedMessage } from 'react-intl';
-
-import type { Map as ImmutableMap } from 'immutable';
-import { List as ImmutableList } from 'immutable';
-
-import { expandAccountFeaturedTimeline } from '@/mastodon/actions/timelines';
-import { Icon } from '@/mastodon/components/icon';
-import { StatusQuoteManager } from '@/mastodon/components/status_quoted';
-import {
-  createAppSelector,
-  useAppDispatch,
-  useAppSelector,
-} from '@/mastodon/store';
-import PushPinIcon from '@/material-icons/400-24px/push_pin.svg?react';
-
-import { Carousel } from './carousel';
-
-const pinnedStatusesSelector = createAppSelector(
-  [
-    (state, accountId: string, tagged?: string) =>
-      (state.timelines as ImmutableMap<string, unknown>).getIn(
-        [`account:${accountId}:pinned${tagged ? `:${tagged}` : ''}`, 'items'],
-        ImmutableList(),
-      ) as ImmutableList<string>,
-  ],
-  (items) => items.toArray().map((id) => ({ id })),
-);
-
-const messages = defineMessages({
-  previous: { id: 'lightbox.previous', defaultMessage: 'Previous' },
-  next: { id: 'lightbox.next', defaultMessage: 'Next' },
-  current: {
-    id: 'featured_carousel.current',
-    defaultMessage: '<sr>Post</sr> {current, number} / {max, number}',
-  },
-  slide: {
-    id: 'featured_carousel.slide',
-    defaultMessage: 'Post {current, number} of {max, number}',
-  },
-});
-
-export const FeaturedCarousel: React.FC<{
-  accountId: string;
-  tagged?: string;
-}> = ({ accountId, tagged }) => {
-  const accessibilityId = useId();
-
-  // Load pinned statuses
-  const dispatch = useAppDispatch();
-  useEffect(() => {
-    if (accountId) {
-      void dispatch(expandAccountFeaturedTimeline(accountId, { tagged }));
-    }
-  }, [accountId, dispatch, tagged]);
-  const pinnedStatuses = useAppSelector((state) =>
-    pinnedStatusesSelector(state, accountId, tagged),
-  );
-
-  const renderSlide = useCallback(
-    ({ id }: { id: string }) => (
-      <StatusQuoteManager id={id} contextType='account' withCounters />
-    ),
-    [],
-  );
-
-  if (!accountId || pinnedStatuses.length === 0) {
-    return null;
-  }
-
-  return (
-    <Carousel
-      items={pinnedStatuses}
-      renderItem={renderSlide}
-      aria-labelledby={`${accessibilityId}-title`}
-      classNamePrefix='featured-carousel'
-      messages={messages}
-    >
-      <h4 className='featured-carousel__title' id={`${accessibilityId}-title`}>
-        <Icon id='thumb-tack' icon={PushPinIcon} />
-        <FormattedMessage
-          id='featured_carousel.header'
-          defaultMessage='{count, plural, one {Pinned Post} other {Pinned Posts}}'
-          values={{ count: pinnedStatuses.length }}
-        />
-      </h4>
-    </Carousel>
-  );
-};

app/javascript/mastodon/locales/en.json

@@ -789,9 +789,6 @@
   "explore.trending_links": "News",
   "explore.trending_statuses": "Posts",
   "explore.trending_tags": "Hashtags",
-  "featured_carousel.current": "<sr>Post</sr> {current, number} / {max, number}",
-  "featured_carousel.header": "{count, plural, one {Pinned Post} other {Pinned Posts}}",
-  "featured_carousel.slide": "Post {current, number} of {max, number}",
   "featured_tags.more_items": "+{count}",
   "featured_tags.suggestions": "Lately you’ve posted about {items}. Add these as featured hashtags?",
   "featured_tags.suggestions.add": "Add",