mirror of
				https://github.com/lunaisnotaboy/mastodon.git
				synced 2025-11-04 06:45:01 +00:00 
			
		
		
		
	Fetch last read notification id to update unread notification count on load
This commit is contained in:
		
							parent
							
								
									cf5b769857
								
							
						
					
					
						commit
						e135b293fa
					
				| 
						 | 
				
			
			@ -1,3 +1,9 @@
 | 
			
		|||
import api from 'flavours/glitch/util/api';
 | 
			
		||||
 | 
			
		||||
export const MARKERS_FETCH_REQUEST = 'MARKERS_FETCH_REQUEST';
 | 
			
		||||
export const MARKERS_FETCH_SUCCESS = 'MARKERS_FETCH_SUCCESS';
 | 
			
		||||
export const MARKERS_FETCH_FAIL    = 'MARKERS_FETCH_FAIL';
 | 
			
		||||
 | 
			
		||||
export const submitMarkers = () => (dispatch, getState) => {
 | 
			
		||||
  const accessToken = getState().getIn(['meta', 'access_token'], '');
 | 
			
		||||
  const params      = {};
 | 
			
		||||
| 
						 | 
				
			
			@ -28,3 +34,39 @@ export const submitMarkers = () => (dispatch, getState) => {
 | 
			
		|||
  client.setRequestHeader('Authorization', `Bearer ${accessToken}`);
 | 
			
		||||
  client.send(JSON.stringify(params));
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export const fetchMarkers = () => (dispatch, getState) => {
 | 
			
		||||
    const params = { timeline: ['notifications'] };
 | 
			
		||||
 | 
			
		||||
    dispatch(fetchMarkersRequest());
 | 
			
		||||
 | 
			
		||||
    api(getState).get('/api/v1/markers', { params }).then(response => {
 | 
			
		||||
      dispatch(fetchMarkersSuccess(response.data));
 | 
			
		||||
    }).catch(error => {
 | 
			
		||||
      dispatch(fetchMarkersFail(error));
 | 
			
		||||
    });
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export function fetchMarkersRequest() {
 | 
			
		||||
  return {
 | 
			
		||||
    type: MARKERS_FETCH_REQUEST,
 | 
			
		||||
    skipLoading: true,
 | 
			
		||||
  };
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export function fetchMarkersSuccess(markers) {
 | 
			
		||||
  return {
 | 
			
		||||
    type: MARKERS_FETCH_SUCCESS,
 | 
			
		||||
    markers,
 | 
			
		||||
    skipLoading: true,
 | 
			
		||||
  };
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export function fetchMarkersFail(error) {
 | 
			
		||||
  return {
 | 
			
		||||
    type: MARKERS_FETCH_FAIL,
 | 
			
		||||
    error,
 | 
			
		||||
    skipLoading: true,
 | 
			
		||||
    skipAlert: true,
 | 
			
		||||
  };
 | 
			
		||||
};
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -12,7 +12,7 @@ import { expandHomeTimeline } from 'flavours/glitch/actions/timelines';
 | 
			
		|||
import { expandNotifications, notificationsSetVisibility } from 'flavours/glitch/actions/notifications';
 | 
			
		||||
import { fetchFilters } from 'flavours/glitch/actions/filters';
 | 
			
		||||
import { clearHeight } from 'flavours/glitch/actions/height_cache';
 | 
			
		||||
import { submitMarkers } from 'flavours/glitch/actions/markers';
 | 
			
		||||
import { submitMarkers, fetchMarkers } from 'flavours/glitch/actions/markers';
 | 
			
		||||
import { WrappedSwitch, WrappedRoute } from 'flavours/glitch/util/react_router_helpers';
 | 
			
		||||
import UploadArea from './components/upload_area';
 | 
			
		||||
import PermaLink from 'flavours/glitch/components/permalink';
 | 
			
		||||
| 
						 | 
				
			
			@ -388,6 +388,7 @@ class UI extends React.Component {
 | 
			
		|||
 | 
			
		||||
    this.favicon = new Favico({ animation:"none" });
 | 
			
		||||
 | 
			
		||||
    this.props.dispatch(fetchMarkers());
 | 
			
		||||
    this.props.dispatch(expandHomeTimeline());
 | 
			
		||||
    this.props.dispatch(expandNotifications());
 | 
			
		||||
    setTimeout(() => this.props.dispatch(fetchFilters()), 500);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -23,6 +23,9 @@ import {
 | 
			
		|||
  FOLLOW_REQUEST_AUTHORIZE_SUCCESS,
 | 
			
		||||
  FOLLOW_REQUEST_REJECT_SUCCESS,
 | 
			
		||||
} from 'flavours/glitch/actions/accounts';
 | 
			
		||||
import {
 | 
			
		||||
  MARKERS_FETCH_SUCCESS,
 | 
			
		||||
} from 'flavours/glitch/actions/markers';
 | 
			
		||||
import { DOMAIN_BLOCK_SUCCESS } from 'flavours/glitch/actions/domain_blocks';
 | 
			
		||||
import { TIMELINE_DELETE, TIMELINE_DISCONNECT } from 'flavours/glitch/actions/timelines';
 | 
			
		||||
import { Map as ImmutableMap, List as ImmutableList } from 'immutable';
 | 
			
		||||
| 
						 | 
				
			
			@ -104,7 +107,7 @@ const expandNormalizedNotifications = (state, notifications, next, isLoadingRece
 | 
			
		|||
        mutable.update('lastReadId', id => compareId(id, items.first().get('id')) > 0 ? id : items.first().get('id'));
 | 
			
		||||
      }
 | 
			
		||||
    } else {
 | 
			
		||||
      mutable.update('unread', unread => unread + items.filter(item => compareId(item.get('id'), lastReadId) > 0).size);
 | 
			
		||||
      mutable.update('unread', unread => unread + items.count(item => compareId(item.get('id'), lastReadId) > 0));
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    if (!next) {
 | 
			
		||||
| 
						 | 
				
			
			@ -197,10 +200,24 @@ const shouldCountUnreadNotifications = (state) => {
 | 
			
		|||
  return !(state.get('isTabVisible') && state.get('top') && state.get('mounted') > 0);
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
const recountUnread = (state, last_read_id) => {
 | 
			
		||||
  return state.withMutations(mutable => {
 | 
			
		||||
    if (compareId(last_read_id, mutable.get('lastReadId')) > 0) {
 | 
			
		||||
      mutable.set('lastReadId', last_read_id);
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    if (state.get('unread') > 0 || shouldCountUnreadNotifications(state)) {
 | 
			
		||||
      mutable.set('unread', mutable.get('pendingItems').count(item => item !== null) + mutable.get('items').count(item => item && compareId(item.get('id'), last_read_id) > 0));
 | 
			
		||||
    }
 | 
			
		||||
  });
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export default function notifications(state = initialState, action) {
 | 
			
		||||
  let st;
 | 
			
		||||
 | 
			
		||||
  switch(action.type) {
 | 
			
		||||
  case MARKERS_FETCH_SUCCESS:
 | 
			
		||||
    return action.markers.notifications ? recountUnread(state, action.markers.notifications.last_read_id) : state;
 | 
			
		||||
  case NOTIFICATIONS_MOUNT:
 | 
			
		||||
    return updateMounted(state);
 | 
			
		||||
  case NOTIFICATIONS_UNMOUNT:
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in a new issue