Hide language dropdown behind a feature flag
This commit is contained in:
parent
58c9fee2c4
commit
b4c0649df8
|
@ -59,15 +59,13 @@ export interface IColumn {
|
||||||
children?: React.ReactNode;
|
children?: React.ReactNode;
|
||||||
/** Action for the ColumnHeader, displayed at the end. */
|
/** Action for the ColumnHeader, displayed at the end. */
|
||||||
action?: React.ReactNode;
|
action?: React.ReactNode;
|
||||||
/** Determines if the action for the ColumnHeader is displayed on the right. */
|
|
||||||
actionRightPosition?: boolean;
|
|
||||||
/** Column size, inherited from Card. */
|
/** Column size, inherited from Card. */
|
||||||
size?: CardSizes;
|
size?: CardSizes;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** A backdrop for the main section of the UI. */
|
/** A backdrop for the main section of the UI. */
|
||||||
const Column = React.forwardRef<HTMLDivElement, IColumn>((props, ref): JSX.Element => {
|
const Column = React.forwardRef<HTMLDivElement, IColumn>((props, ref): JSX.Element => {
|
||||||
const { backHref, children, label, transparent = false, withHeader = true, className, bodyClassName, action, actionRightPosition, size } = props;
|
const { backHref, children, label, transparent = false, withHeader = true, className, bodyClassName, action, size } = props;
|
||||||
const soapboxConfig = useSoapboxConfig();
|
const soapboxConfig = useSoapboxConfig();
|
||||||
const [isScrolled, setIsScrolled] = useState(false);
|
const [isScrolled, setIsScrolled] = useState(false);
|
||||||
|
|
||||||
|
@ -108,7 +106,6 @@ const Column = React.forwardRef<HTMLDivElement, IColumn>((props, ref): JSX.Eleme
|
||||||
'p-4 sm:p-0 sm:pb-4 black:p-4': transparent,
|
'p-4 sm:p-0 sm:pb-4 black:p-4': transparent,
|
||||||
'-mt-4 p-4': size !== 'lg' && !transparent,
|
'-mt-4 p-4': size !== 'lg' && !transparent,
|
||||||
'-mt-4 p-4 sm:-mt-6 sm:-mx-6 sm:p-6': size === 'lg' && !transparent,
|
'-mt-4 p-4 sm:-mt-6 sm:-mx-6 sm:p-6': size === 'lg' && !transparent,
|
||||||
'w-full': actionRightPosition,
|
|
||||||
})}
|
})}
|
||||||
action={action}
|
action={action}
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -64,7 +64,13 @@ const PublicTimeline = () => {
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Column className='-mt-3 sm:mt-0' label={intl.formatMessage(messages.title)} transparent={!isMobile} action={<LanguageDropdown />} actionRightPosition>
|
<Column
|
||||||
|
className='-mt-3 sm:mt-0'
|
||||||
|
label={intl.formatMessage(messages.title)}
|
||||||
|
transparent={!isMobile}
|
||||||
|
action={features.publicTimelineLanguage ? <LanguageDropdown /> : null}
|
||||||
|
// actionRightPosition
|
||||||
|
>
|
||||||
<PinnedHostsPicker />
|
<PinnedHostsPicker />
|
||||||
|
|
||||||
{showExplanationBox && (
|
{showExplanationBox && (
|
||||||
|
|
|
@ -900,6 +900,9 @@ const getInstanceFeatures = (instance: Instance) => {
|
||||||
v.software === DITTO,
|
v.software === DITTO,
|
||||||
]),
|
]),
|
||||||
|
|
||||||
|
/** Ability to filter the public timeline by language. */
|
||||||
|
publicTimelineLanguage: v.software === DITTO,
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Ability to quote posts in statuses.
|
* Ability to quote posts in statuses.
|
||||||
* @see POST /api/v1/statuses
|
* @see POST /api/v1/statuses
|
||||||
|
|
Loading…
Reference in New Issue