add sorting menu in nav bar

Author: slhoehn

__tests__/projects.test.js

@@ -1,13 +1,14 @@
+const app = require('../server/server');
 const request = require('supertest');
 let server = 'https://reactype.herokuapp.com';
 const isDev = process.env.NODE_ENV === 'development';
 if (isDev) {
   // server = 'http://localhost:5000';
-  server = require('./server');
+  server = require('..server/server');
 }
 
 // save and get projects endpoint testing
-describe('Project endpoints tests', () => {
+describe('Project GraphQL endpoints tests', () => {
   // initializes the project to be sent to server/DB
   const state = {
     name: 'test',
@@ -42,7 +43,7 @@ describe('Project endpoints tests', () => {
           .send(projectToSave)
           .expect('Content-Type', /json/)
           .expect(200)
-          .then((res) => expect(res.body.project.name).toBe('test'));
+          .then(res => expect(res.body.project.name).toBe('test'));
       });
     });
   });
@@ -74,7 +75,7 @@ describe('Project endpoints tests', () => {
           .send({ name, userId })
           .expect(200)
           .expect('Content-Type', /json/)
-          .then((res) => expect(res.body.name).toBe('test'));
+          .then(res => expect(res.body.name).toBe('test'));
       });
     });
   });

app/src/Dashboard/ProjectContainer.tsx

@@ -35,7 +35,11 @@ const ProjectContainer = () => {
 
   const sortByDate = (projects) => {
     console.log('sort by date', projects);
-    // not sure how to sort by dates
+  
+    const sortedRatings = projects.sort((a, b) => b.createdAt - a.createdAt);
+    console.log('sort by date result >>>', sortedRatings);
+
+    return sortedRatings;
   };
 
   const sortByUser = (projects) => {
@@ -56,6 +60,7 @@ const ProjectContainer = () => {
   if (error) return <p>Error :{error}</p>;
   // based on resolver(getAllProject) for this query, the data is stored in the data object with the key 'getAllProjects'
   const projects = data.getAllProjects;
+  console.log("projects >>>>>>", projects);
   let sortedProjects = [];
   // console.log('Projects >>> ', projects);
   // generate an array of Project components based on data
@@ -69,6 +74,7 @@ const ProjectContainer = () => {
                   published = { proj.published }
                   userId = {proj.userId}
                   username = {proj.username}
+                  createdAt = {proj.createdAt}
                   id = {proj.id}
                   />;
     if (username === proj.username) userDisplay.push(component);
@@ -106,6 +112,7 @@ const ProjectContainer = () => {
       published = { proj.published }
       userId = {proj.userId}
       username = {proj.username}
+      createdAt = {proj.createdAt}
       id = {proj.id}
     />);
   });

app/src/Dashboard/gqlStrings.ts

@@ -10,6 +10,7 @@ export const GET_PROJECTS = gql`query GetAllProjects($userId: ID) {
     userId
     username
     published 
+    createdAt
   }
 }`;
 

server/graphQL/resolvers/mutation.js

@@ -20,6 +20,7 @@ const Project = {
         userId: resp.userId,
         likes: resp.likes,
         published: resp.published,
+        createdAt: resp.createdAt,
       });
     }
 
@@ -83,6 +84,7 @@ const Project = {
         userId: resp.userId,
         likes: resp.likes,
         published: resp.published,
+        createdAt: resp.createdAt,
       });
     }
 
@@ -104,6 +106,7 @@ const Project = {
         userId: resp.userId,
         likes: resp.likes,
         published: resp.published,
+        createdAt: resp.createdAt,
       });
     }
 

server/graphQL/resolvers/query.js

@@ -16,6 +16,7 @@ const Project = {
         username: resp.username,
         likes: resp.likes,
         published: resp.published,
+        createdAt: resp.createdAt,
       });
     }
 
@@ -46,6 +47,7 @@ const Project = {
         username: proj.username,
         likes: proj.likes,
         published: proj.published,
+        createdAt: proj.createdAt,
       }));
     }
 

server/graphQL/schema/typeDefs.js

@@ -22,6 +22,7 @@ const Project = gql`
     id: ID!
     userId: ID!
     username: String!
+    createdAt: String
   }
 
   type Query {