Add error handling

src/features/explorer/components/popular-accounts.tsx

@@ -8,6 +8,7 @@ import { InstanceFavicon } from 'soapbox/components/account.tsx';
 import Avatar from 'soapbox/components/ui/avatar.tsx';
 import HStack from 'soapbox/components/ui/hstack.tsx';
 import IconButton from 'soapbox/components/ui/icon-button.tsx';
+import Spinner from 'soapbox/components/ui/spinner.tsx';
 import Stack from 'soapbox/components/ui/stack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
 import ActionButton from 'soapbox/features/ui/components/action-button.tsx';
@@ -88,7 +89,10 @@ const AccountsCarousel = () => {
     }
     , []);
 
-  if (!isFetching && !suggestions.length) {
+  if (isFetching) {
+    return <Stack><Spinner /></Stack>;
+  }
+  if (!suggestions || !suggestions.length) {
     return null;
   }
 

src/locales/en.json

@@ -374,6 +374,7 @@
   "column.explorer.filters.add_filter": "Add Filter",
   "column.explorer.filters.bluesky": "Bluesky",
   "column.explorer.filters.cancel": "Cancel",
+  "column.explorer.filters.clear_input": "Clear filter input",
   "column.explorer.filters.create_your_filter": "Create your filter",
   "column.explorer.filters.exclude": "Exclude",
   "column.explorer.filters.fediverse": "Fediverse",
@@ -385,6 +386,7 @@
   "column.explorer.filters.no_replies": "No Replies:",
   "column.explorer.filters.nostr": "Nostr",
   "column.explorer.filters.platforms": "Platforms:",
+  "column.explorer.filters.remove_filter": "Remove filter: {name}",
   "column.explorer.filters.reset": "Reset Filters",
   "column.explorer.media_filters.all": "All",
   "column.explorer.media_filters.image": "Image only",