refactored ShadeList to include images in dropdoen menu & imported re…

…act-select
cosmetics-ref-elc · Mar 18, 2023 · 763e125 · 763e125
1 parent 14a6769
commit 763e125
Show file tree

Hide file tree

Showing 5 changed files with 283 additions and 22 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,6 +15,7 @@
     "react-router": "^6.8.2",
     "react-router-dom": "^6.8.2",
     "react-scripts": "^5.0.1",
+    "react-select": "^5.7.0",
     "react-switch": "^7.0.0",
     "web-vitals": "^2.1.4"
   },
@@ -46,4 +47,4 @@
   "devDependencies": {
     "sass": "^1.58.3"
   }
-}
+}
diff --git a/src/components/ProductPage.js b/src/components/ProductPage.js
@@ -86,7 +86,7 @@ const ProductPage = () => {
           <h4>Color Description</h4>
         </div>
         <div className={`tab ${activeTab === "colorStory" ? "active" : ""}`} onClick={() => setActiveTab("colorStory")}>
-          <h4>Finding Earthy Tones</h4>
+          <h4>Color Story</h4>
         </div>
         <div className={`tab ${activeTab === "colorSupportInfo" ? "active" : ""}`} onClick={() => setActiveTab("colorSupportInfo")}>
           <h4>Color Support Information</h4>