diff --git a/app/javascript/flavours/glitch/components/empty_state/empty_state.module.scss b/app/javascript/flavours/glitch/components/empty_state/empty_state.module.scss
index 96aea81d1c..64d9a4e584 100644
--- a/app/javascript/flavours/glitch/components/empty_state/empty_state.module.scss
+++ b/app/javascript/flavours/glitch/components/empty_state/empty_state.module.scss
@@ -35,6 +35,10 @@
color: var(--color-text-secondary);
text-wrap: pretty;
}
+
+ a {
+ color: var(--color-text-status-links);
+ }
}
[data-color-scheme='dark'] .defaultImage {
diff --git a/app/javascript/flavours/glitch/features/collections/overview/featuring_you.tsx b/app/javascript/flavours/glitch/features/collections/overview/featuring_you.tsx
index 60425e83f8..99ddab114f 100644
--- a/app/javascript/flavours/glitch/features/collections/overview/featuring_you.tsx
+++ b/app/javascript/flavours/glitch/features/collections/overview/featuring_you.tsx
@@ -2,6 +2,7 @@ import { useEffect } from 'react';
import { FormattedMessage } from 'react-intl';
+import { useAccount } from '@/flavours/glitch/hooks/useAccount';
import { EmptyState } from 'flavours/glitch/components/empty_state';
import { LoadingIndicator } from 'flavours/glitch/components/loading_indicator';
import { ItemList } from 'flavours/glitch/components/scrollable_list/components';
@@ -34,6 +35,7 @@ function useCollectionsFeaturing(accountId: string | null | undefined) {
export const CollectionsFeaturingYou: React.FC = () => {
const accountId = useAccountId();
+ const account = useAccount(accountId);
const { collections, status } = useCollectionsFeaturing(accountId);
@@ -46,16 +48,43 @@ export const CollectionsFeaturingYou: React.FC = () => {
}
if (collections.length === 0) {
- return (
-
- }
- />
- );
+ if (account?.discoverable) {
+ return (
+
+ }
+ />
+ );
+ } else {
+ return (
+
+
+
+ (
+
+ {chunks}
+
+ ),
+ }}
+ />
+ >
+ }
+ />
+ );
+ }
}
return (