Merge branch 'fedi-explanation-nostr' into 'main'

PublicTimeline: hide fediverse explanation on Nostr

See merge request soapbox-pub/soapbox!3018
This commit is contained in:
Alex Gleason 2024-05-11 21:00:55 +00:00
commit 315d570645
1 changed files with 34 additions and 31 deletions

View File

@ -7,7 +7,7 @@ import { expandPublicTimeline } from 'soapbox/actions/timelines';
import { usePublicStream } from 'soapbox/api/hooks';
import PullToRefresh from 'soapbox/components/pull-to-refresh';
import { Accordion, Column } from 'soapbox/components/ui';
import { useAppSelector, useAppDispatch, useInstance, useSettings, useTheme } from 'soapbox/hooks';
import { useAppSelector, useAppDispatch, useInstance, useSettings, useTheme, useFeatures } from 'soapbox/hooks';
import PinnedHostsPicker from '../remote-timeline/components/pinned-hosts-picker';
import Timeline from '../ui/components/timeline';
@ -17,9 +17,10 @@ const messages = defineMessages({
dismiss: { id: 'fediverse_tab.explanation_box.dismiss', defaultMessage: 'Don\'t show again' },
});
const CommunityTimeline = () => {
const PublicTimeline = () => {
const intl = useIntl();
const dispatch = useAppDispatch();
const features = useFeatures();
const theme = useTheme();
const instance = useInstance();
@ -30,7 +31,7 @@ const CommunityTimeline = () => {
const timelineId = 'public';
const explanationBoxExpanded = settings.explanationBox;
const showExplanationBox = settings.showExplanationBox;
const showExplanationBox = settings.showExplanationBox && !features.nostr;
const dismissExplanationBox = () => {
dispatch(changeSetting(['showExplanationBox'], false));
@ -58,7 +59,8 @@ const CommunityTimeline = () => {
<Column className='-mt-3 sm:mt-0' label={intl.formatMessage(messages.title)} transparent>
<PinnedHostsPicker />
{showExplanationBox && <div className='mb-4 black:mx-4'>
{showExplanationBox && (
<div className='mb-4 black:mx-4'>
<Accordion
headline={<FormattedMessage id='fediverse_tab.explanation_box.title' defaultMessage='What is the Fediverse?' />}
action={dismissExplanationBox}
@ -84,7 +86,8 @@ const CommunityTimeline = () => {
}}
/>
</Accordion>
</div>}
</div>
)}
<PullToRefresh onRefresh={handleRefresh}>
<Timeline
className='black:p-4 black:sm:p-5'
@ -100,4 +103,4 @@ const CommunityTimeline = () => {
);
};
export default CommunityTimeline;
export default PublicTimeline;