From 1d231e6fc9895bf9db626b7f78b95576ea8af9a0 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Gr=C3=A9goire=20Aubert?= <gregoire.aubert@sonarsource.com>
Date: Wed, 7 Nov 2018 12:43:12 +0100
Subject: [PATCH] SONARCLOUD-45 Support empty array of featured projects in SC
 homepage

---
 .../src/main/js/apps/about/sonarcloud/Home.tsx       | 12 ++++++------
 .../about/sonarcloud/components/FeaturedProjects.tsx |  4 ++++
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/server/sonar-web/src/main/js/apps/about/sonarcloud/Home.tsx b/server/sonar-web/src/main/js/apps/about/sonarcloud/Home.tsx
index 6154444ba4a..d23ad559b67 100644
--- a/server/sonar-web/src/main/js/apps/about/sonarcloud/Home.tsx
+++ b/server/sonar-web/src/main/js/apps/about/sonarcloud/Home.tsx
@@ -60,6 +60,8 @@ export default class Home extends React.PureComponent<{}, State> {
   };
 
   render() {
+    const { data } = this.state;
+
     return (
       <div className="global-container">
         <div className="page-wrapper">
@@ -77,10 +79,8 @@ export default class Home extends React.PureComponent<{}, State> {
             <EnhanceWorkflow />
             <Functionality />
             <Languages />
-            <Stats data={this.state.data} />
-            <Projects
-              featuredProjects={this.state.data ? this.state.data.featuredProjects : undefined}
-            />
+            <Stats data={data} />
+            <Projects featuredProjects={(data && data.featuredProjects) || []} />
           </div>
         </div>
         <Footer />
@@ -313,14 +313,14 @@ function Stats({ data }: StatsProps) {
 }
 
 interface ProjectsProps {
-  featuredProjects?: FeaturedProject[];
+  featuredProjects: FeaturedProject[];
 }
 
 function Projects({ featuredProjects }: ProjectsProps) {
   return (
     <div className="sc-section sc-columns">
       <div className="sc-column sc-column-full">
-        {featuredProjects && (
+        {featuredProjects.length > 0 && (
           <>
             <h6 className="big-spacer-bottom">
               Transparency makes sense
diff --git a/server/sonar-web/src/main/js/apps/about/sonarcloud/components/FeaturedProjects.tsx b/server/sonar-web/src/main/js/apps/about/sonarcloud/components/FeaturedProjects.tsx
index bd1d80c2f3c..b14ef2a375a 100644
--- a/server/sonar-web/src/main/js/apps/about/sonarcloud/components/FeaturedProjects.tsx
+++ b/server/sonar-web/src/main/js/apps/about/sonarcloud/components/FeaturedProjects.tsx
@@ -95,6 +95,10 @@ export default class FeaturedProjects extends React.PureComponent<Props, State>
 
   orderProjectsFromProps = () => {
     const { projects } = this.props;
+    if (projects.length === 0) {
+      return [];
+    }
+
     // Last element should be put at the begining for proper carousel animation
     return [projects.pop(), ...projects].map((project: FeaturedProject, id) => {
       return {
-- 
2.39.5