stepus53/photos
1
0
Fork 0
mirror of https://github.com/usatiuk/photos.git synced 2025-10-28 15:27:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

always sort photos

Browse Source
This commit is contained in:
Stepan Usatiuk
2020-10-20 13:09:45 +00:00
committed by Stepan Usatiuk
parent eaa8fab86e
commit 4a534f17cd
1 changed files with 42 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
frontend/src/redux/photos/reducer.ts
View File

@@ -1,5 +1,5 @@
import { Reducer } from "redux"; import { Reducer } from "redux";
import { IPhotoReqJSON } from "~../../src/entity/Photo"; import { IPhotoJSON, IPhotoReqJSON } from "~../../src/entity/Photo";
import { UserAction, UserTypes } from "~redux/user/actions"; import { UserAction, UserTypes } from "~redux/user/actions";
import { PhotoAction, PhotoTypes } from "./actions"; import { PhotoAction, PhotoTypes } from "./actions";
@@ -45,6 +45,10 @@ const defaultPhotosState: IPhotosState = {
deleteCache: {}, deleteCache: {},
}; };
export function sortPhotos(photos: IPhotoReqJSON[]): IPhotoReqJSON[] {
return [...photos].sort((a, b) => b.shotAt - a.shotAt);
}
export const photosReducer: Reducer<IPhotosState, PhotoAction> = ( export const photosReducer: Reducer<IPhotosState, PhotoAction> = (
state: IPhotosState = defaultPhotosState, state: IPhotosState = defaultPhotosState,
action: PhotoAction | UserAction, action: PhotoAction | UserAction,
@@ -67,9 +71,10 @@ export const photosReducer: Reducer<IPhotosState, PhotoAction> = (
allPhotosLoaded = true; allPhotosLoaded = true;
} }
const oldPhotos = state.photos ? state.photos : []; const oldPhotos = state.photos ? state.photos : [];
const updPhotos = sortPhotos([...oldPhotos, ...action.photos]);
return { return {
...state, ...state,
photos: [...oldPhotos, ...action.photos], photos: updPhotos,
triedLoading: true, triedLoading: true,
allPhotosLoaded, allPhotosLoaded,
overviewFetching: false, overviewFetching: false,
@@ -99,21 +104,10 @@ export const photosReducer: Reducer<IPhotosState, PhotoAction> = (
fetching: false, fetching: false,
fetchingError: null, fetchingError: null,
}; };
if (state.photos) { const photos = state.photos;
const photos = state.photos; const photosNoDup = photos.filter((p) => p.id !== action.photo.id);
const photosNoDup = photos.filter( const updPhotos = sortPhotos([action.photo, ...photosNoDup]);
(p) => p.id !== action.photo.id, return { ...state, photos: updPhotos, photoStates };
);
const updPhotos = [action.photo, ...photosNoDup];
return { ...state, photos: updPhotos, photoStates };
} else {
const photos = [action.photo];
return {
...state,
photos,
photoStates,
};
}
} }
case PhotoTypes.PHOTO_LOAD_FAIL: { case PhotoTypes.PHOTO_LOAD_FAIL: {
const { photoStates } = state; const { photoStates } = state;
@@ -169,25 +163,15 @@ export const photosReducer: Reducer<IPhotosState, PhotoAction> = (
const { photoCreateQueue } = state; const { photoCreateQueue } = state;
const cleanQueue = photoCreateQueue.filter((f) => f != action.file); const cleanQueue = photoCreateQueue.filter((f) => f != action.file);
if (state.photos) { const photos = state.photos;
const photos = state.photos; const photosNoDup = photos.filter((p) => p.id !== action.photo.id);
const photosNoDup = photos.filter( const updPhotos = sortPhotos([action.photo, ...photosNoDup]);
(p) => p.id !== action.photo.id, return {
); ...state,
const updPhotos = [action.photo, ...photosNoDup]; photos: updPhotos,
return { photoCreateQueue: cleanQueue,
...state, photosCreating: state.photosCreating - 1,
photos: updPhotos, };
photoCreateQueue: cleanQueue,
photosCreating: state.photosCreating - 1,
};
} else {
return {
...state,
photoCreateQueue: cleanQueue,
photosCreating: state.photosCreating - 1,
};
}
} }
case PhotoTypes.PHOTO_CREATE_FAIL: { case PhotoTypes.PHOTO_CREATE_FAIL: {
// TODO: Handle photo create fail // TODO: Handle photo create fail
@@ -202,47 +186,34 @@ export const photosReducer: Reducer<IPhotosState, PhotoAction> = (
case PhotoTypes.PHOTO_UPLOAD_SUCCESS: { case PhotoTypes.PHOTO_UPLOAD_SUCCESS: {
const newQueue = state.photoUploadQueue; const newQueue = state.photoUploadQueue;
delete newQueue[action.photo.id]; delete newQueue[action.photo.id];
if (state.photos) { const photos = state.photos;
const photos = state.photos; const photosNoDup = photos.filter((p) => p.id !== action.photo.id);
const photosNoDup = photos.filter( const updPhotos = sortPhotos([action.photo, ...photosNoDup]);
return {
...state,
photos: updPhotos,
photoUploadQueue: newQueue,
photosUploading: state.photosUploading - 1,
};
}
case PhotoTypes.PHOTO_DELETE_START: {
const photos = state.photos;
const delPhoto = photos.find((p) => p.id === action.photo.id);
if (delPhoto) {
const photosCleaned = photos.filter(
(p) => p.id !== action.photo.id, (p) => p.id !== action.photo.id,
); );
const updPhotos = [action.photo, ...photosNoDup]; const delCache = { ...state.deleteCache };
delCache[delPhoto?.id] = delPhoto;
return { return {
...state, ...state,
photos: updPhotos, photos: sortPhotos(photosCleaned),
photoUploadQueue: newQueue, deleteCache: delCache,
photosUploading: state.photosUploading - 1,
}; };
} else {
return {
...state,
photoUploadQueue: newQueue,
photosUploading: state.photosUploading - 1,
};
}
}
case PhotoTypes.PHOTO_DELETE_START:
if (state.photos) {
const photos = state.photos;
const delPhoto = photos.find((p) => p.id === action.photo.id);
if (delPhoto) {
const photosCleaned = photos.filter(
(p) => p.id !== action.photo.id,
);
const delCache = { ...state.deleteCache };
delCache[delPhoto?.id] = delPhoto;
return {
...state,
photos: photosCleaned,
deleteCache: delCache,
};
} else {
return state;
}
} else { } else {
return state; return state;
} }
}
case PhotoTypes.PHOTO_DELETE_SUCCESS: { case PhotoTypes.PHOTO_DELETE_SUCCESS: {
const delCache = { ...state.deleteCache }; const delCache = { ...state.deleteCache };
if (delCache[action.photo.id]) { if (delCache[action.photo.id]) {
@@ -254,12 +225,9 @@ export const photosReducer: Reducer<IPhotosState, PhotoAction> = (
case PhotoTypes.PHOTO_DELETE_FAIL: case PhotoTypes.PHOTO_DELETE_FAIL:
case PhotoTypes.PHOTO_DELETE_CANCEL: { case PhotoTypes.PHOTO_DELETE_CANCEL: {
const delCache = { ...state.deleteCache }; const delCache = { ...state.deleteCache };
let photos: IPhotoReqJSON[] = []; let photos: IPhotoReqJSON[] = [...state.photos];
if (state.photos) {
photos = [...state.photos];
}
if (delCache[action.photo.id]) { if (delCache[action.photo.id]) {
photos = [...photos, delCache[action.photo.id]]; photos = sortPhotos([...photos, delCache[action.photo.id]]);
delete delCache[action.photo.id]; delete delCache[action.photo.id];
} }
return { ...state, deleteCache: delCache, photos }; return { ...state, deleteCache: delCache, photos };