refactor Suggestion

MikeyParton · Jun 20, 2019 · dcc5a45 · dcc5a45
1 parent 81b8dbd
commit dcc5a45
Showing 1 changed file with 13 additions and 12 deletions.
diff --git a/src/Components/Suggestion.js b/src/Components/Suggestion.js
@@ -1,6 +1,18 @@
 import React from "react";
 import styled from "styled-components";
 
+const Wrapper = styled.div`
+  font-size: 14px;
+  padding: 1rem 1.5rem 1rem 1.5rem;
+  cursor: pointer;
+  width: 100%;
+
+  &:hover {
+    color: white;
+    background-color: ${props.selectColor};
+  }
+`;
+
 const Suggestion = ({
   place,
   clickHandler,
@@ -9,20 +21,9 @@ const Suggestion = ({
   selectColor,
   mouseInSuggestions
 }) => {
-  const Wrapper = styled.div`
-    font-size: 14px;
-    padding: 1rem 1.5rem 1rem 1.5rem;
-    cursor: pointer;
-    width: 100%;
-
-    &:hover {
-      color: white;
-      background-color: ${selectColor};
-    }
-  `;
-
   return (
     <Wrapper
+      selectColor={selectColor}
       style={
         cursorIdx === idx && !mouseInSuggestions
           ? { color: "white", background: selectColor }