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 (