Merge pull request #23876 from code-dot-org/no-personal-projects

Projects: No personal projects yet message
code-dot-org · Jul 24, 2018 · c8ca318 · c8ca318
2 parents 980f814 + ec41972
commit c8ca318
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 15 deletions.
diff --git a/apps/i18n/common/en_us.json b/apps/i18n/common/en_us.json
@@ -806,6 +806,7 @@
   "noClassroomsFound": "No classrooms found.",
   "noIconsFound": "No icons found",
   "noMenuItemsAvailable": "No menu items available.",
+  "noPersonalProjects": "You currently have no projects. Click on one of the buttons above to start a project.",
   "none": "None",
   "note": "*Note:",
   "notAnswered": "Not Answered",

diff --git a/apps/src/templates/projects/PersonalProjectsTable.jsx b/apps/src/templates/projects/PersonalProjectsTable.jsx
@@ -293,14 +293,23 @@ class PersonalProjectsTable extends React.Component {
       sort: orderBy,
     })(this.props.personalProjectsList);
 
+    const noProjects = this.props.personalProjectsList.length === 0;
+
     return (
-      <Table.Provider
-        columns={columns}
-        style={tableLayoutStyles.table}
-      >
-        <Table.Header />
-        <Table.Body rows={sortedRows} rowKey="channel" />
-      </Table.Provider>
+      <div>
+        {!noProjects &&
+          <Table.Provider
+            columns={columns}
+            style={tableLayoutStyles.table}
+          >
+            <Table.Header />
+            <Table.Body rows={sortedRows} rowKey="channel" />
+          </Table.Provider>
+        }
+        {noProjects &&
+          <h3>{i18n.noPersonalProjects()}</h3>
+        }
+      </div>
     );
   }
 }

diff --git a/apps/src/templates/projects/generateFakeProjects.js b/apps/src/templates/projects/generateFakeProjects.js
@@ -16,32 +16,30 @@ export function generateFakePersonalProjects(n) {
 
 export const stubFakePersonalProjectData = [
   {
-    projectName: "Personal Project 1",
+    name: "Personal Project 1",
     updatedAt: '2015-12-31T23:59:59.999-08:00',
     type: 'gamelab',
     channel: 'abcd1',
-    isPublished: true
+    publishedAt: '2015-12-31T23:59:59.999-08:00'
   },
   {
-    projectName: "Personal Project 2",
+    name: "Personal Project 2",
     updatedAt: '2016-11-30T23:59:59.999-08:00',
     type: 'applab',
     channel: 'abcd2',
-    isPublished: false
   },
   {
-    projectName: "Personal Project 3 has a super extra long name let's see how it looks in the table",
+    name: "Personal Project 3 has a super extra long name let's see how it looks in the table",
     updatedAt: '2016-10-31T23:59:59.999-08:00',
     type: 'artist',
     channel: 'abcd3',
-    isPublished: true
+    publishedAt: '2015-12-31T23:59:59.999-08:00'
   },
   {
-    projectName: "Personal Project 4",
+    name: "Personal Project 4",
     updatedAt: '2016-09-14T23:59:59.999-08:00',
     type: 'playlab',
     channel: 'abcd4',
-    isPublished: false
   },
 ];