Github issue#1326, Load all active projects for customer card view

— put a label "end of list" so people don't keep hitting the button

Author: Vikas Agarwal

src/projects/list/components/Projects/ProjectsCardView.jsx

@@ -41,14 +41,15 @@ const ProjectsCardView = props => {
   const handleLoadMore = () => {
     onPageChange(pageNum + 1)
   }
+  const hasMore = ((pageNum - 1) * 20 + 20 < totalCount)
   return (
     <div className="projects card-view">
       { !!inifinite && 
         <InfiniteScroll
           initialLoad={false}
           pageStart={pageNum}
           loadMore={onPageChange}
-          hasMore={ ((pageNum - 1) * 20 + 20 < totalCount)}
+          hasMore={ hasMore }
           loader={<LoadingIndicator />}
         >
           { projects.map(renderProject)}
@@ -61,7 +62,8 @@ const ProjectsCardView = props => {
           <div className="project-card"><NewProjectCard /></div>
         </div>
       }
-      { !inifinite && <button type="button" className="tc-btn tc-btn-primary" onClick={handleLoadMore}>Load more</button> }
+      { !inifinite && hasMore && <button type="button" className="tc-btn tc-btn-primary" onClick={handleLoadMore}>Load more</button> }
+      { !hasMore && <span>End of results</span>}
     </div>
   )
 }