fix issue with background color in tooltip

Signed-off-by: Tanuj22 <[email protected]>
randychilau · Aug 30, 2020 · 92beaaa · 92beaaa
1 parent 1ad2a09
commit 92beaaa
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/Makefile b/Makefile
@@ -5,4 +5,4 @@ site:
 	npm start
 
 build:
-	gatsby build
+	gatsby build && gatsby serve
diff --git a/src/components/blog-view-tooltip.js b/src/components/blog-view-tooltip.js
@@ -21,14 +21,14 @@ export const ToolTipWrapper = styled.div`
 const BlogViewToolTip = ({ isListView, setListView, setGridView}) =>{
     return(
         <ToolTipWrapper>
-            <a data-tip="Grid View" onClick={setGridView} className={`${isListView ? "": "active"}`}>
+            <a data-tip="Grid View" data-for='grid-view' onClick={setGridView} className={`${isListView ? "": "active"}`}>
                 <BsFillGrid3X3GapFill size={18}/>
             </a>
-            <ReactTooltip place="top" type="dark" effect="solid" />
-            <a data-tip="List View" onClick={setListView} className={`${isListView ? "active": ""}`}>
+            <ReactTooltip id='grid-view' className='grid-view' backgroundColor="black" place="top" effect="solid" />
+            <a data-tip="List View" data-for='list-view' onClick={setListView} className={`${isListView ? "active": ""}`}>
                 <AiOutlineUnorderedList size={18}/>
             </a>
-            <ReactTooltip place="top" type="dark" effect="solid" />
+            <ReactTooltip id='list-view' className='list-view' backgroundColor="black" place="top" type="dark" effect="solid" />
         </ToolTipWrapper>
     );
 };