= ({ limit = 3 }): JSX.Ele
values={{ count: more }}
/>
}
-
+
);
};
diff --git a/app/soapbox/features/ui/components/trends-panel.tsx b/app/soapbox/features/ui/components/trends-panel.tsx
index e0f9684e3..4fa4a7b26 100644
--- a/app/soapbox/features/ui/components/trends-panel.tsx
+++ b/app/soapbox/features/ui/components/trends-panel.tsx
@@ -3,11 +3,11 @@ import * as React from 'react';
import { FormattedMessage } from 'react-intl';
import { useDispatch } from 'react-redux';
+import { Widget } from 'soapbox/components/ui';
import { useAppSelector } from 'soapbox/hooks';
import { fetchTrends } from '../../../actions/trends';
import Hashtag from '../../../components/hashtag';
-import { Stack, Text } from '../../../components/ui';
interface ITrendsPanel {
limit: number
@@ -35,17 +35,11 @@ const TrendsPanel = ({ limit }: ITrendsPanel) => {
}
return (
-
-
-
-
-
-
- {sortedTrends.map((hashtag: ImmutableMap) => (
-
- ))}
-
-
+
}>
+ {sortedTrends.map((hashtag: ImmutableMap
) => (
+
+ ))}
+
);
};
diff --git a/app/soapbox/features/ui/components/who-to-follow-panel.tsx b/app/soapbox/features/ui/components/who-to-follow-panel.tsx
index d55f04585..cea616407 100644
--- a/app/soapbox/features/ui/components/who-to-follow-panel.tsx
+++ b/app/soapbox/features/ui/components/who-to-follow-panel.tsx
@@ -3,7 +3,7 @@ import * as React from 'react';
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
import { useDispatch } from 'react-redux';
-import { Stack, Text } from 'soapbox/components/ui';
+import { Widget } from 'soapbox/components/ui';
import { useAppSelector } from 'soapbox/hooks';
import { fetchSuggestions, dismissSuggestion } from '../../../actions/suggestions';
@@ -37,24 +37,18 @@ const WhoToFollowPanel = ({ limit }: IWhoToFollowPanel) => {
}
return (
-
-
-
-
-
-
- {suggestionsToRender.map((suggestion: ImmutableMap) => (
- , but it isn't
- id={suggestion.get('account')}
- actionIcon={require('@tabler/icons/icons/x.svg')}
- actionTitle={intl.formatMessage(messages.dismissSuggestion)}
- onActionClick={handleDismiss}
- />
- ))}
-
-
+ }>
+ {suggestionsToRender.map((suggestion: ImmutableMap) => (
+ , but it isn't
+ id={suggestion.get('account')}
+ actionIcon={require('@tabler/icons/icons/x.svg')}
+ actionTitle={intl.formatMessage(messages.dismissSuggestion)}
+ onActionClick={handleDismiss}
+ />
+ ))}
+
);
};