diff --git a/package.json b/package.json index 7eb46a5..8b2c931 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,7 @@ "lodash": "^4.17.19", "react": "^17.0.2", "react-dom": "^17.0.2", - "react-select": "^1.0.0-rc.10" + "react-select": "^5.8.0" }, "scripts": { "start": "react-scripts start", diff --git a/src/components/LinkButton/LinkButton.css b/src/components/LinkButton/LinkButton.css index 70afb6d..3bf1900 100644 --- a/src/components/LinkButton/LinkButton.css +++ b/src/components/LinkButton/LinkButton.css @@ -9,8 +9,8 @@ border-radius: 2px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); - background-color: #0A680D; - color: #fff; + background-color: white; + color: black; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; @@ -19,7 +19,7 @@ } .LinkButton:hover { - background-color: #26a65b; + background-color: cyan; } .LinkButton > span { diff --git a/src/components/LinkButton/LinkButton.jsx b/src/components/LinkButton/LinkButton.jsx index ca869f9..24cd9f2 100644 --- a/src/components/LinkButton/LinkButton.jsx +++ b/src/components/LinkButton/LinkButton.jsx @@ -13,7 +13,8 @@ class LinkButton extends Component { Get started
- { window.scrollBy({ top: window.innerHeight - 80, left: 0, behavior: "smooth" }); }} src={scrollDown} alt="Scroll Down!" width="64" height="64" /> + { window.scrollBy({ top: window.innerHeight - 80, left: 0, behavior: + "smooth" }); }} src={scrollDown} alt="Scroll Down!" width="64" height="64" />
); diff --git a/src/components/ProjectList/CardsContainer.jsx b/src/components/ProjectList/CardsContainer.jsx index d786add..0bad404 100644 --- a/src/components/ProjectList/CardsContainer.jsx +++ b/src/components/ProjectList/CardsContainer.jsx @@ -1,13 +1,13 @@ import React from 'react'; +import './custom-react-select.css'; import Select from 'react-select'; -import each from 'lodash/each' +import each from 'lodash/each'; import Card from './ProjectsCards'; import projectList from './listOfProjects'; import './css/cards-container.css'; import './css/search.css'; -import 'react-select/dist/react-select.css'; export default class CardsContainer extends React.Component { constructor(props) { @@ -60,7 +60,7 @@ export default class CardsContainer extends React.Component { const valueList = []; value.map(v => { - return valueList.push(v.value) + return valueList.push(v.value); }); each(projectList, (project) => { @@ -117,9 +117,9 @@ export default class CardsContainer extends React.Component { return (
-
-
- +
+
+