diff --git a/app/javascript/flavours/glitch/features/notifications/components/filter_bar.jsx b/app/javascript/flavours/glitch/features/notifications/components/filter_bar.jsx
deleted file mode 100644
index 7fabe78a94..0000000000
--- a/app/javascript/flavours/glitch/features/notifications/components/filter_bar.jsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import PropTypes from 'prop-types';
-import { PureComponent } from 'react';
-
-import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
-
-import HomeIcon from '@/material-icons/400-24px/home-fill.svg?react';
-import InsertChartIcon from '@/material-icons/400-24px/insert_chart.svg?react';
-import PersonAddIcon from '@/material-icons/400-24px/person_add.svg?react';
-import RepeatIcon from '@/material-icons/400-24px/repeat.svg?react';
-import ReplyAllIcon from '@/material-icons/400-24px/reply_all.svg?react';
-import StarIcon from '@/material-icons/400-24px/star.svg?react';
-import { Icon } from 'flavours/glitch/components/icon';
-
-const tooltips = defineMessages({
- mentions: { id: 'notifications.filter.mentions', defaultMessage: 'Mentions' },
- favourites: { id: 'notifications.filter.favourites', defaultMessage: 'Favorites' },
- boosts: { id: 'notifications.filter.boosts', defaultMessage: 'Boosts' },
- polls: { id: 'notifications.filter.polls', defaultMessage: 'Poll results' },
- follows: { id: 'notifications.filter.follows', defaultMessage: 'Follows' },
- statuses: { id: 'notifications.filter.statuses', defaultMessage: 'Updates from people you follow' },
-});
-
-class FilterBar extends PureComponent {
-
- static propTypes = {
- selectFilter: PropTypes.func.isRequired,
- selectedFilter: PropTypes.string.isRequired,
- advancedMode: PropTypes.bool.isRequired,
- intl: PropTypes.object.isRequired,
- };
-
- onClick (notificationType) {
- return () => this.props.selectFilter(notificationType);
- }
-
- render () {
- const { selectedFilter, advancedMode, intl } = this.props;
- const renderedElement = !advancedMode ? (
-
-
-
-
- ) : (
-
-
-
-
-
-
-
-
-
- );
- return renderedElement;
- }
-
-}
-
-export default injectIntl(FilterBar);
diff --git a/app/javascript/flavours/glitch/features/notifications/containers/filter_bar_container.js b/app/javascript/flavours/glitch/features/notifications/containers/filter_bar_container.js
deleted file mode 100644
index 4e0184cef3..0000000000
--- a/app/javascript/flavours/glitch/features/notifications/containers/filter_bar_container.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { connect } from 'react-redux';
-
-import { setFilter } from '../../../actions/notifications';
-import FilterBar from '../components/filter_bar';
-
-const makeMapStateToProps = state => ({
- selectedFilter: state.getIn(['settings', 'notifications', 'quickFilter', 'active']),
- advancedMode: state.getIn(['settings', 'notifications', 'quickFilter', 'advanced']),
-});
-
-const mapDispatchToProps = (dispatch) => ({
- selectFilter (newActiveFilter) {
- dispatch(setFilter(newActiveFilter));
- },
-});
-
-export default connect(makeMapStateToProps, mapDispatchToProps)(FilterBar);
diff --git a/app/javascript/flavours/glitch/features/notifications/index.jsx b/app/javascript/flavours/glitch/features/notifications/index.jsx
deleted file mode 100644
index b3b133411a..0000000000
--- a/app/javascript/flavours/glitch/features/notifications/index.jsx
+++ /dev/null
@@ -1,383 +0,0 @@
-import PropTypes from 'prop-types';
-import { PureComponent } from 'react';
-
-import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
-
-import classNames from 'classnames';
-import { Helmet } from 'react-helmet';
-
-import { createSelector } from '@reduxjs/toolkit';
-import { List as ImmutableList } from 'immutable';
-import ImmutablePropTypes from 'react-immutable-proptypes';
-import { connect } from 'react-redux';
-
-import { debounce } from 'lodash';
-
-import DeleteForeverIcon from '@/material-icons/400-24px/delete_forever.svg?react';
-import DoneAllIcon from '@/material-icons/400-24px/done_all.svg?react';
-import NotificationsIcon from '@/material-icons/400-24px/notifications-fill.svg?react';
-import { compareId } from 'flavours/glitch/compare_id';
-import { Icon } from 'flavours/glitch/components/icon';
-import { NotSignedInIndicator } from 'flavours/glitch/components/not_signed_in_indicator';
-import { identityContextPropShape, withIdentity } from 'flavours/glitch/identity_context';
-
-import { addColumn, removeColumn, moveColumn } from '../../actions/columns';
-import { submitMarkers } from '../../actions/markers';
-import {
- enterNotificationClearingMode,
- expandNotifications,
- scrollTopNotifications,
- loadPending,
- mountNotifications,
- unmountNotifications,
- markNotificationsAsRead,
-} from '../../actions/notifications';
-import Column from '../../components/column';
-import ColumnHeader from '../../components/column_header';
-import { LoadGap } from '../../components/load_gap';
-import ScrollableList from '../../components/scrollable_list';
-import NotificationPurgeButtonsContainer from '../../containers/notification_purge_buttons_container';
-
-import {
- FilteredNotificationsBanner,
- FilteredNotificationsIconButton,
-} from './components/filtered_notifications_banner';
-import NotificationsPermissionBanner from './components/notifications_permission_banner';
-import ColumnSettingsContainer from './containers/column_settings_container';
-import FilterBarContainer from './containers/filter_bar_container';
-import NotificationContainer from './containers/notification_container';
-
-const messages = defineMessages({
- title: { id: 'column.notifications', defaultMessage: 'Notifications' },
- enterNotifCleaning : { id: 'notification_purge.start', defaultMessage: 'Enter notification cleaning mode' },
- markAsRead : { id: 'notifications.mark_as_read', defaultMessage: 'Mark every notification as read' },
-});
-
-const getExcludedTypes = createSelector([
- state => state.getIn(['settings', 'notifications', 'shows']),
-], (shows) => {
- return ImmutableList(shows.filter(item => !item).keys());
-});
-
-const getNotifications = createSelector([
- state => state.getIn(['settings', 'notifications', 'quickFilter', 'show']),
- state => state.getIn(['settings', 'notifications', 'quickFilter', 'active']),
- getExcludedTypes,
- state => state.getIn(['notifications', 'items']),
-], (showFilterBar, allowedType, excludedTypes, notifications) => {
- if (!showFilterBar || allowedType === 'all') {
- // used if user changed the notification settings after loading the notifications from the server
- // otherwise a list of notifications will come pre-filtered from the backend
- // we need to turn it off for FilterBar in order not to block ourselves from seeing a specific category
- return notifications.filterNot(item => item !== null && excludedTypes.includes(item.get('type')));
- }
- return notifications.filter(item => item === null || allowedType === item.get('type'));
-});
-
-const mapStateToProps = state => ({
- showFilterBar: state.getIn(['settings', 'notifications', 'quickFilter', 'show']),
- notifications: getNotifications(state),
- localSettings: state.get('local_settings'),
- isLoading: state.getIn(['notifications', 'isLoading'], 0) > 0,
- isUnread: state.getIn(['notifications', 'unread']) > 0 || state.getIn(['notifications', 'pendingItems']).size > 0,
- hasMore: state.getIn(['notifications', 'hasMore']),
- numPending: state.getIn(['notifications', 'pendingItems'], ImmutableList()).size,
- notifCleaningActive: state.getIn(['notifications', 'cleaningMode']),
- lastReadId: state.getIn(['settings', 'notifications', 'showUnread']) ? state.getIn(['notifications', 'readMarkerId']) : '0',
- canMarkAsRead: state.getIn(['settings', 'notifications', 'showUnread']) && state.getIn(['notifications', 'readMarkerId']) !== '0' && getNotifications(state).some(item => item !== null && compareId(item.get('id'), state.getIn(['notifications', 'readMarkerId'])) > 0),
- needsNotificationPermission: state.getIn(['settings', 'notifications', 'alerts']).includes(true) && state.getIn(['notifications', 'browserSupport']) && state.getIn(['notifications', 'browserPermission']) === 'default' && !state.getIn(['settings', 'notifications', 'dismissPermissionBanner']),
-});
-
-/* glitch */
-const mapDispatchToProps = dispatch => ({
- onEnterCleaningMode(yes) {
- dispatch(enterNotificationClearingMode(yes));
- },
- dispatch,
-});
-
-class Notifications extends PureComponent {
- static propTypes = {
- identity: identityContextPropShape,
- columnId: PropTypes.string,
- notifications: ImmutablePropTypes.list.isRequired,
- showFilterBar: PropTypes.bool.isRequired,
- dispatch: PropTypes.func.isRequired,
- intl: PropTypes.object.isRequired,
- isLoading: PropTypes.bool,
- isUnread: PropTypes.bool,
- multiColumn: PropTypes.bool,
- hasMore: PropTypes.bool,
- numPending: PropTypes.number,
- localSettings: ImmutablePropTypes.map,
- notifCleaningActive: PropTypes.bool,
- onEnterCleaningMode: PropTypes.func,
- lastReadId: PropTypes.string,
- canMarkAsRead: PropTypes.bool,
- needsNotificationPermission: PropTypes.bool,
- };
-
- static defaultProps = {
- trackScroll: true,
- };
-
- state = {
- animatingNCD: false,
- };
-
- componentDidMount() {
- this.props.dispatch(mountNotifications());
- }
-
- componentWillUnmount () {
- this.handleLoadOlder.cancel();
- this.handleScrollToTop.cancel();
- this.handleScroll.cancel();
- // this.props.dispatch(scrollTopNotifications(false));
- this.props.dispatch(unmountNotifications());
- }
-
- handleLoadGap = (maxId) => {
- this.props.dispatch(expandNotifications({ maxId }));
- };
-
- handleLoadOlder = debounce(() => {
- const last = this.props.notifications.last();
- this.props.dispatch(expandNotifications({ maxId: last && last.get('id') }));
- }, 300, { leading: true });
-
- handleLoadPending = () => {
- this.props.dispatch(loadPending());
- };
-
- handleScrollToTop = debounce(() => {
- this.props.dispatch(scrollTopNotifications(true));
- }, 100);
-
- handleScroll = debounce(() => {
- this.props.dispatch(scrollTopNotifications(false));
- }, 100);
-
- handlePin = () => {
- const { columnId, dispatch } = this.props;
-
- if (columnId) {
- dispatch(removeColumn(columnId));
- } else {
- dispatch(addColumn('NOTIFICATIONS', {}));
- }
- };
-
- handleMove = (dir) => {
- const { columnId, dispatch } = this.props;
- dispatch(moveColumn(columnId, dir));
- };
-
- handleHeaderClick = () => {
- this.column.scrollTop();
- };
-
- setColumnRef = c => {
- this.column = c;
- };
-
- handleMoveUp = id => {
- const elementIndex = this.props.notifications.findIndex(item => item !== null && item.get('id') === id) - 1;
- this._selectChild(elementIndex, true);
- };
-
- handleMoveDown = id => {
- const elementIndex = this.props.notifications.findIndex(item => item !== null && item.get('id') === id) + 1;
- this._selectChild(elementIndex, false);
- };
-
- _selectChild (index, align_top) {
- const container = this.column.node;
- const element = container.querySelector(`article:nth-of-type(${index + 1}) .focusable`);
-
- if (element) {
- if (align_top && container.scrollTop > element.offsetTop) {
- element.scrollIntoView(true);
- } else if (!align_top && container.scrollTop + container.clientHeight < element.offsetTop + element.offsetHeight) {
- element.scrollIntoView(false);
- }
- element.focus();
- }
- }
-
- handleTransitionEndNCD = () => {
- this.setState({ animatingNCD: false });
- };
-
- onEnterCleaningMode = () => {
- this.setState({ animatingNCD: true });
- this.props.onEnterCleaningMode(!this.props.notifCleaningActive);
- };
-
- handleMarkAsRead = () => {
- this.props.dispatch(markNotificationsAsRead());
- this.props.dispatch(submitMarkers({ immediate: true }));
- };
-
- render () {
- const { intl, notifications, isLoading, isUnread, columnId, multiColumn, hasMore, numPending, showFilterBar, lastReadId, canMarkAsRead, needsNotificationPermission } = this.props;
- const { notifCleaningActive } = this.props;
- const { animatingNCD } = this.state;
- const pinned = !!columnId;
- const emptyMessage = ;
- const { signedIn } = this.props.identity;
-
- let scrollableContent = null;
-
- const filterBarContainer = (signedIn && showFilterBar)
- ? ()
- : null;
-
- if (isLoading && this.scrollableContent) {
- scrollableContent = this.scrollableContent;
- } else if (notifications.size > 0 || hasMore) {
- scrollableContent = notifications.map((item, index) => item === null ? (
- 0 ? notifications.getIn([index - 1, 'id']) : null}
- onClick={this.handleLoadGap}
- />
- ) : (
- 0}
- />
- ));
- } else {
- scrollableContent = null;
- }
-
- this.scrollableContent = scrollableContent;
-
- let scrollContainer;
-
- const prepend = (
- <>
- {needsNotificationPermission && }
-
- >
- );
-
- if (signedIn) {
- scrollContainer = (
-
- {scrollableContent}
-
- );
- } else {
- scrollContainer = ;
- }
-
- const extraButtons = [
- ,
- ];
-
- if (canMarkAsRead) {
- extraButtons.push(
- ,
- );
- }
-
- const notifCleaningButtonClassName = classNames('column-header__button', {
- 'active': notifCleaningActive,
- });
-
- const notifCleaningDrawerClassName = classNames('ncd column-header__collapsible', {
- 'collapsed': !notifCleaningActive,
- 'animating': animatingNCD,
- });
-
- const msgEnterNotifCleaning = intl.formatMessage(messages.enterNotifCleaning);
-
- extraButtons.push(
- ,
- );
-
- const notifCleaningDrawer = (
-
-
- {(notifCleaningActive || animatingNCD) ? () : null }
-
-
- );
-
- return (
-
-
-
-
-
- {filterBarContainer}
-
- {scrollContainer}
-
-
- {intl.formatMessage(messages.title)}
-
-
-
- );
- }
-
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(withIdentity(injectIntl(Notifications)));
diff --git a/app/javascript/flavours/glitch/features/notifications_wrapper.jsx b/app/javascript/flavours/glitch/features/notifications_wrapper.jsx
deleted file mode 100644
index e19aa9d07d..0000000000
--- a/app/javascript/flavours/glitch/features/notifications_wrapper.jsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import Notifications_v2 from 'flavours/glitch/features/notifications_v2';
-
-export const NotificationsWrapper = (props) => {
- return (
-
- );
-};
-
-export default NotificationsWrapper;
\ No newline at end of file
diff --git a/app/javascript/flavours/glitch/features/ui/components/columns_area.jsx b/app/javascript/flavours/glitch/features/ui/components/columns_area.jsx
index c70c8183b9..ca24596aa3 100644
--- a/app/javascript/flavours/glitch/features/ui/components/columns_area.jsx
+++ b/app/javascript/flavours/glitch/features/ui/components/columns_area.jsx
@@ -8,7 +8,7 @@ import { scrollRight } from '../../../scroll';
import BundleContainer from '../containers/bundle_container';
import {
Compose,
- NotificationsWrapper,
+ Notifications,
HomeTimeline,
CommunityTimeline,
PublicTimeline,
@@ -30,7 +30,7 @@ import NavigationPanel from './navigation_panel';
const componentMap = {
'COMPOSE': Compose,
'HOME': HomeTimeline,
- 'NOTIFICATIONS': NotificationsWrapper,
+ 'NOTIFICATIONS': Notifications,
'PUBLIC': PublicTimeline,
'REMOTE': PublicTimeline,
'COMMUNITY': CommunityTimeline,
diff --git a/app/javascript/flavours/glitch/features/ui/index.jsx b/app/javascript/flavours/glitch/features/ui/index.jsx
index bbfc186104..b6528ef56d 100644
--- a/app/javascript/flavours/glitch/features/ui/index.jsx
+++ b/app/javascript/flavours/glitch/features/ui/index.jsx
@@ -53,7 +53,7 @@ import {
Favourites,
DirectTimeline,
HashtagTimeline,
- NotificationsWrapper,
+ Notifications,
NotificationRequests,
NotificationRequest,
FollowRequests,
@@ -222,7 +222,7 @@ class SwitchingColumnsArea extends PureComponent {
-
+
diff --git a/app/javascript/flavours/glitch/features/ui/util/async-components.js b/app/javascript/flavours/glitch/features/ui/util/async-components.js
index b92fa2a7b4..1f4663bfd7 100644
--- a/app/javascript/flavours/glitch/features/ui/util/async-components.js
+++ b/app/javascript/flavours/glitch/features/ui/util/async-components.js
@@ -7,15 +7,7 @@ export function Compose () {
}
export function Notifications () {
- return import(/* webpackChunkName: "flavours/glitch/async/notifications_v1" */'../../notifications');
-}
-
-export function Notifications_v2 () {
- return import(/* webpackChunkName: "flavours/glitch/async/notifications_v2" */'../../notifications_v2');
-}
-
-export function NotificationsWrapper () {
- return import(/* webpackChunkName: "flavours/glitch/async/notifications" */'../../notifications_wrapper');
+ return import(/* webpackChunkName: "flavours/glitch/async/notifications" */'../../notifications_v2');
}
export function HomeTimeline () {
diff --git a/app/javascript/flavours/glitch/locales/en.json b/app/javascript/flavours/glitch/locales/en.json
index 2fe5b715fa..ca2b0d894e 100644
--- a/app/javascript/flavours/glitch/locales/en.json
+++ b/app/javascript/flavours/glitch/locales/en.json
@@ -57,7 +57,6 @@
"notification_purge.btn_apply": "Clear\nselected",
"notification_purge.btn_invert": "Invert\nselection",
"notification_purge.btn_none": "Select\nnone",
- "notification_purge.start": "Enter notification cleaning mode",
"notifications.column_settings.filter_bar.show_bar": "Show filter bar",
"notifications.marked_clear": "Clear selected notifications",
"notifications.marked_clear_confirmation": "Are you sure you want to permanently clear all selected notifications?",