Github issue#1218, Proper fix for hiding any project category

— Fixed with proper way

Author: Vikas Agarwal

src/config/projectWizard/index.js

@@ -35,6 +35,7 @@ const products = {
     info: 'Build a cognitive chat bot for your product',
     question: 'What do you need to develop?',
     id: 'chatbot',
+    hidden: true,
     subtypes: {
       'Watson Chatbot': {
         brief: 'Watson Chatbot',
@@ -188,7 +189,7 @@ export function findProduct(product) {
 
 export function findCategory(categoryId) {
   for(const key in products) {
-    if (products[key].id === categoryId) {
+    if (products[key].id === categoryId && !products[key].disabled) {
       return { ...products[key], name: key} 
     }
   }

src/projects/create/components/ProjectTypeCard.scss

@@ -15,12 +15,6 @@
   -moz-transition: 300ms all ease;
   -webkit-transition: 300ms all ease;
 
-  // Hide the chatbot card
-  // FIXME: Remove when chatbot should be enabled again
-  &:nth-child(3) {
-    display: none;
-  }
-
   .sub-type-details {
     padding: 0 20px;
     font-size: 13px;

src/projects/create/components/SelectProjectType.jsx

@@ -15,6 +15,9 @@ function SelectProjectType(props) {
     const item = config[key]
     const icon = <SVGIconImage filePath={item.icon} />
     const products = findProductsOfCategory(item.id) || []
+    // don't render disabled items for selection
+    // don't render hidden items as well, hidden items can be reached via direct link though
+    if (item.disabled || item.hidden) continue
     cards.push(
       <ProjectTypeCard
         icon={icon}