From 337b12ad298db841c2b093be46b4f45525098286 Mon Sep 17 00:00:00 2001
From: notnull <notnull@anarchyplanet.org>
Date: Mon, 8 Jul 2019 09:35:18 -0400
Subject: [PATCH] WIP refactor notes, ProjectView

---
 README.md                     | 19 +++++++++++++++++++
 src/components/ProjectView.js | 23 +++++++++++++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 src/components/ProjectView.js

diff --git a/README.md b/README.md
index e69de29..df66cad 100644
--- a/README.md
+++ b/README.md
@@ -0,0 +1,19 @@
+# TODO for refactoring
+
+- update renderProject to renderProjectView
+- update renderProjects to renderProjectsView
+- create ProjectsView, ProjectTasksView, UserProjectsView
+
+- create TasksView, UserTasksView
+
+# User Stories
+
+As a user, I want to:
+
+- View all available projects (should we assume all is public for now?)
+- View all available tasks
+- View all available profiles (e.g., to find potential collaborators)
+
+- View a single project with its tasks (including unassigned)
+- View a single profile with tasks assigned (to see my tasks, to see anothers' tasks)
+- Hide completed tasks
diff --git a/src/components/ProjectView.js b/src/components/ProjectView.js
new file mode 100644
index 0000000..9c116e1
--- /dev/null
+++ b/src/components/ProjectView.js
@@ -0,0 +1,23 @@
+import React from 'react'
+import Tasks from './tasks'
+
+function Project(props) {
+  // if (!props.selectedProjectId) {
+  //   props.navigate('projects')
+  //   return null
+  // }
+  // const project = props.projects.find(p => p.id === props.selectedProjectId)
+  // const filtered = props.tasks.filter(t => t.projectId === props.selectedProjectId && !t.completed)
+  // const completed = props.tasks.filter(
+  //   t => (t.projectId === props.selectedProjectId && t.completed === true) || null,
+  // )
+
+  return (
+    <div>
+      <h2>{props.project.name}</h2>
+      <Tasks filtered={props.filtered} completed={props.completed} {...props} />
+    </div>
+  )
+}
+
+export default Project