Track homepages - rename competitive_programming to competitive-programming

Author: ThomasKranitsas

config/contentful/space.json

@@ -1495,9 +1495,9 @@
                 "design",
                 "data-science",
                 "development",
-                "competitive_programming"
+                "competitive-programming"
               ],
-              "message": "Select on of: design, development, data-science"
+              "message": "Select on of: design, development, data-science, competitive-programming"
             }
           ],
           "disabled": false,
@@ -2349,9 +2349,9 @@
                 "design",
                 "development",
                 "data-science",
-                "competitive_programming"
+                "competitive-programming"
               ],
-              "message": "Select one of: design, development, data-science"
+              "message": "Select one of: design, development, data-science, competitive-programming"
             }
           ],
           "disabled": false,

src/shared/components/TrackHomePages/HomePage/CompetitionLeaderboard/TrackIcon/index.jsx

@@ -14,6 +14,7 @@ export default function TrackIcon({
   isActive,
   onClick,
 }) {
+  console.log(track);
   return (
     <div
       styleName="trackIcon"

src/shared/components/TrackHomePages/HomePage/CompetitionLeaderboard/TrackIcon/style.scss

@@ -35,6 +35,10 @@
       background: $tc-orange-30;
     }
 
+    &.competitive-programming {
+      background: $tc-orange-30;
+    }
+
     &:hover {
       &.design,
       &.generic {
@@ -48,6 +52,10 @@
       &.data-science {
         background: $tc-orange;
       }
+
+      &.competitive-programming {
+        background: $tc-orange-30;
+      }
     }
   }
 
@@ -77,6 +85,10 @@
       background: $tc-orange;
     }
 
+    &.competitive-programming {
+      background: $tc-orange;
+    }
+
     &:hover {
       &.design,
       &.generic {
@@ -90,6 +102,10 @@
       &.data-science {
         background: $tc-orange;
       }
+
+      &.competitive-programming {
+        background: $tc-orange;
+      }
     }
   }
 
@@ -118,6 +134,10 @@
       background: $tc-orange;
     }
 
+    &.competitive-programming {
+      background: $tc-orange;
+    }
+
     @media screen and (max-width: $screen-md) {
       font-size: 20px;
       line-height: 60px;