fix styled component errors. Site now builds.

nextstrain · Jan 14, 2020 · 2c5915a · 2c5915a
1 parent 77e4ee7
commit 2c5915a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/static-site/.babelrc b/static-site/.babelrc
@@ -1,5 +1,8 @@
 {
-    "plugins": ["lodash"],
+    "plugins": [
+      "lodash",
+      "babel-plugin-styled-components"
+    ],
     "presets": [
       [
         "babel-preset-gatsby"

diff --git a/static-site/src/components/nav-bar/index.jsx b/static-site/src/components/nav-bar/index.jsx
@@ -35,10 +35,14 @@ const NavLogoCharacter = styled.span`
   font-size: 20px;
   font-weight: 400;
   cursor: pointer;
-  color: ${(props) => props.theme.titleColors[props.colorIndex]};
+  color: ${(props) => {
+    // TODO -- the theme is not available as a prop for some reason
+    // return props.theme.titleColors[props.colorIndex];
+    return "black";
+  }};
 `;
 
-const NavLink = styled(Link)`
+const NavLink = styled((props) => <Link {...props} />)`
   padding-left: ${(props) => props.minified ? '6px' : '12px'};
   padding-right: ${(props) => props.minified ? '6px' : '12px'};
   padding-top: 20px;