Add close controller and services

Author: Lian Nivin

rails-time-track/app/controllers/api/projects_controller.rb

@@ -68,8 +68,13 @@ def update
       end
     end
 
-    # accion q haga close del project
-
+    def close
+      if @project.update({closed: true})
+        render json: @project, status: :ok
+      else 
+        render json: {errors: @project.errors}
+      end
+    end
 
     private    
     def set_project

rails-time-track/config/routes.rb

@@ -9,6 +9,7 @@
 
     resources :projects, :only => [:index, :show, :create] do
       get 'my-projects', action: 'my_projects', on: :collection
+      put "/close", to: "projects#close"
     end
 
     resources :weekly_project_reports, :only => [:show]

react-time-track/src/services/project.js

@@ -58,24 +58,23 @@ async function closedProjects() {
   return response.json();
 }
 
-// method: "PUT/POST" 
-// async function getProjectDetail(projectId) {
-//   const response = await fetch(`${API_ALL_PROJECTS}/close`, {
-//     method: "..",
-//     credentials: "include",
-//     headers: {
-//       "Content-Type": "application/json"
-//     }
-//   });
-
-//   if (!response.ok) {
-//     const { errors } = await response.json();
-//     console.log(errors);
-//     throw new Error(errors);
-//   }
-
-//   return response.json();
-// }
+async function closeProject(projectId) {
+  const response = await fetch(`${API_ALL_PROJECTS}/${projectId}/close`, {
+    method: "PUT",
+    credentials: "include",
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+
+  if (!response.ok) {
+    const { errors } = await response.json();
+    console.log(errors);
+    throw new Error(errors);
+  }
+
+  return response.json();
+}
 
 
 async function getProjectDetail(projectId) {
@@ -119,5 +118,6 @@ export {
   closedProjects,
   getProjectDetail,
   createProject,
-  listUserProjects
+  listUserProjects,
+  closeProject
 };

react-time-track/src/views/project.js

@@ -5,7 +5,7 @@ import { Link } from "@reach/router";
 import Chart from "chart.js";
 
 import { Card, Circle, Subtitle, Button } from "../components/ui";
-import { getProjectDetail } from "../services/project";
+import { getProjectDetail, closeProject } from "../services/project";
 import { getWeeklyReport } from "../services/weekly_report";
 
 import Modal from "../components/modal";
@@ -48,7 +48,7 @@ function Project({ project_id }, props) {
   }
 
   function onCloseProject(project_id){
-    console.log('Aca se cierra el proyecto')
+    closeProject(project_id).then((response) => {console.log(response)})
     // ejecutar el service
     // then 
     toggleModal();