|
|
|
@ -5,7 +5,7 @@
|
|
|
|
|
-- the settings store is not yet typed */
|
|
|
|
|
import { useCallback } from 'react';
|
|
|
|
|
|
|
|
|
|
import { FormattedMessage } from 'react-intl';
|
|
|
|
|
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
|
|
|
|
|
|
|
|
|
|
import SettingText from 'flavours/glitch/components/setting_text';
|
|
|
|
|
import { useAppSelector, useAppDispatch } from 'flavours/glitch/store';
|
|
|
|
@ -13,9 +13,19 @@ import { useAppSelector, useAppDispatch } from 'flavours/glitch/store';
|
|
|
|
|
import { changeSetting } from '../../../actions/settings';
|
|
|
|
|
import SettingToggle from '../../notifications/components/setting_toggle';
|
|
|
|
|
|
|
|
|
|
const messages = defineMessages({
|
|
|
|
|
filter_regex: {
|
|
|
|
|
id: 'home.column_settings.filter_regex',
|
|
|
|
|
defaultMessage: 'Filter out by regular expressions',
|
|
|
|
|
},
|
|
|
|
|
settings: { id: 'home.settings', defaultMessage: 'Column settings' },
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
export const ColumnSettings: React.FC = () => {
|
|
|
|
|
const settings = useAppSelector((state) => state.settings.get('home'));
|
|
|
|
|
|
|
|
|
|
const intl = useIntl();
|
|
|
|
|
|
|
|
|
|
const dispatch = useAppDispatch();
|
|
|
|
|
const onChange = useCallback(
|
|
|
|
|
(key: string, checked: boolean) => {
|
|
|
|
@ -91,12 +101,7 @@ export const ColumnSettings: React.FC = () => {
|
|
|
|
|
settings={settings}
|
|
|
|
|
settingPath={['regex', 'body']}
|
|
|
|
|
onChange={onChange}
|
|
|
|
|
label={
|
|
|
|
|
<FormattedMessage
|
|
|
|
|
id='home.column_settings.filter_regex'
|
|
|
|
|
defaultMessage='Filter out by regular expressions'
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
label={intl.formatMessage(messages.filter_regex)}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|