Added photos sorting logic (#54)

* Added photos sorting logic * quick fix
prabhuomkar · Oct 31, 2021 · 0f7d4f4 · 0f7d4f4
1 parent 80673e4
commit 0f7d4f4
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/frontend/src/pages/Photos.js b/frontend/src/pages/Photos.js
@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
 import { gql, useQuery } from '@apollo/client';
 import { Grid, GridCell } from '@rmwc/grid';
 import { Loading, Error } from '../components';
-import { reducePhotos } from '../utils';
+import { reducePhotos, sortPhotos } from '../utils';
 import '@rmwc/grid/styles';
 
 const GET_MEDIA_ITEMS = gql`
@@ -56,7 +56,7 @@ const Photos = () => {
             </>
           ) : (
             <>
-              {reducePhotos(data.mediaItems.nodes).map((image) => {
+              {sortPhotos(reducePhotos(data.mediaItems.nodes)).map((image) => {
                 return (
                   <div key={image.createdAt}>
                     <Grid>

diff --git a/frontend/src/utils/index.js b/frontend/src/utils/index.js
@@ -1,4 +1,5 @@
 import reducePhotos from './reducePhotos';
 import capThings from './capThings';
+import sortPhotos from './sortPhotos';
 
-export { reducePhotos, capThings };
+export { reducePhotos, capThings, sortPhotos };
diff --git a/frontend/src/utils/sortPhotos.js b/frontend/src/utils/sortPhotos.js
@@ -0,0 +1,12 @@
+import moment from 'moment';
+
+const sortPhotos = (obj) => {
+  var sortedObj = obj.sort((a, b) => {
+    if (moment(a.createdAt) > moment(b.createdAt)) return -1;
+    if (moment(a.createdAt) < moment(b.createdAt)) return 1;
+    return 0;
+  });
+  return sortedObj;
+};
+
+export default sortPhotos;