From 04f115369919e6bab2f0c2bccce4741c48ca4ab4 Mon Sep 17 00:00:00 2001
From: r-southworth <rachael.southworth@datagrove.com>
Date: Tue, 13 Aug 2024 18:09:33 -0400
Subject: [PATCH] add english icon and update specialty icon

---
 src/assets/categoryIcons/open-book.svg      | 22 +++++++++++++++++++++
 src/assets/categoryIcons/thought-bubble.svg |  2 ++
 src/components/home/HomeSubjectCarousel.tsx |  9 ++++++---
 3 files changed, 30 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/categoryIcons/open-book.svg
 create mode 100644 src/assets/categoryIcons/thought-bubble.svg

diff --git a/src/assets/categoryIcons/open-book.svg b/src/assets/categoryIcons/open-book.svg
new file mode 100644
index 00000000..d06473de
--- /dev/null
+++ b/src/assets/categoryIcons/open-book.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 297.001 297.001" xml:space="preserve">
+<g>
+	<g>
+		<path d="M287.034,60.873l-20.819-0.001V39.321c0-4.934-3.61-9.126-8.49-9.856c-0.852-0.128-21.134-3.074-45.557,1.37
+			c-27.227,4.954-48.941,17.171-63.668,35.64c-14.728-18.469-36.442-30.686-63.668-35.64c-24.424-4.443-44.706-1.498-45.557-1.37
+			c-4.88,0.731-8.49,4.923-8.49,9.856v21.551H9.966C4.463,60.872,0,65.335,0,70.839v187.805c0,3.227,1.562,6.254,4.193,8.124
+			s6.004,2.35,9.051,1.288c0.748-0.259,75.431-25.747,131.12-0.345c2.628,1.199,5.645,1.199,8.273,0
+			c55.533-25.33,130.376,0.088,131.12,0.345c1.068,0.372,2.174,0.555,3.276,0.555c2.043,0,4.065-0.628,5.775-1.842
+			c2.631-1.87,4.193-4.897,4.193-8.124V70.84C297,65.336,292.538,60.873,287.034,60.873z M19.933,245.309V80.805h10.852v132.726
+			c0,2.896,1.267,5.646,3.458,7.539c2.191,1.893,5.105,2.742,7.969,2.319c0.55-0.08,43.846-6.024,75.478,15.679
+			C78.725,232.405,39.727,240.112,19.933,245.309z M138.534,230.08c-13.932-12.588-32.079-21.1-53.702-25.034
+			c-10.406-1.894-20.06-2.446-27.78-2.446c-2.292,0-4.414,0.049-6.333,0.126V48.473h-0.001c19.155-0.864,65.752,1.184,87.816,38.587
+			V230.08z M158.466,87.061c21.985-37.243,68.655-39.384,87.816-38.563v154.228c-8.383-0.338-20.62-0.136-34.114,2.32
+			c-21.623,3.934-39.77,12.445-53.702,25.034V87.061z M179.277,239.074c31.636-21.716,74.955-15.766,75.495-15.686
+			c2.871,0.431,5.783-0.413,7.981-2.305c2.198-1.894,3.462-4.65,3.462-7.552V80.806h10.852v164.503
+			C257.267,240.11,218.253,232.4,179.277,239.074z"/>
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/categoryIcons/thought-bubble.svg b/src/assets/categoryIcons/thought-bubble.svg
new file mode 100644
index 00000000..1b43b89b
--- /dev/null
+++ b/src/assets/categoryIcons/thought-bubble.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="-2.5 0 19 19" xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg"><path d="M11.835 8.827a2.648 2.648 0 0 1-3.381 3.964 3.734 3.734 0 0 1-6.686-2.29c0-.099.008-.195.015-.292a3.734 3.734 0 1 1 4.42-6.017 3.662 3.662 0 0 1 5.632 4.635zm-7.434-.265a.803.803 0 0 0-.811-.867.813.813 0 0 0-.826.867.82.82 0 1 0 1.637 0zm2.846 0a.802.802 0 0 0-.811-.867.813.813 0 0 0-.825.867.82.82 0 1 0 1.636 0zm2.847 0a.802.802 0 0 0-.812-.867.813.813 0 0 0-.825.867.82.82 0 1 0 1.637 0zm2.58 6.691a1.141 1.141 0 1 1 1.141-1.141 1.141 1.141 0 0 1-1.14 1.141z"/></svg>
\ No newline at end of file
diff --git a/src/components/home/HomeSubjectCarousel.tsx b/src/components/home/HomeSubjectCarousel.tsx
index 4750f283..7d36d306 100644
--- a/src/components/home/HomeSubjectCarousel.tsx
+++ b/src/components/home/HomeSubjectCarousel.tsx
@@ -15,9 +15,10 @@ import art from "../../assets/categoryIcons/art.svg";
 import geography from "../../assets/categoryIcons/geography.svg";
 import math from "../../assets/categoryIcons/math.svg";
 import science from "../../assets/categoryIcons/science.svg";
-import specialty from "../../assets/categoryIcons/specialty.svg";
-import holiday from "../../assets/categoryIcons/history.svg";
+import specialty from "../../assets/categoryIcons/thought-bubble.svg";
+import holiday from "../../assets/categoryIcons/holiday.svg";
 import social from "../../assets/categoryIcons/social.svg";
+import ela from "../../assets/categoryIcons/open-book.svg";
 
 let categories: Array<any> = [];
 
@@ -51,6 +52,8 @@ categories.map((category) => {
         category.icon = social;
     } else if (category.id === 8) {
         category.icon = specialty;
+    } else if (category.id === 9) {
+        category.icon = ela;
     }
 });
 
@@ -118,7 +121,7 @@ export const HomeSubjectCarousel: Component = () => {
                             </div>
 
                             <div class="flex h-44 flex-row items-center justify-center">
-                                <p class="text-center text-xs text-ptext1 dark:text-ptext2-DM">
+                                <p class="pt-1 text-center text-xs text-ptext1 dark:text-ptext2-DM">
                                     {item.name}{" "}
                                 </p>
                             </div>