diff --git a/src/assets/categoryIcons/art.svg b/src/assets/categoryIcons/art.svg new file mode 100644 index 00000000..c31c7585 --- /dev/null +++ b/src/assets/categoryIcons/art.svg @@ -0,0 +1,31 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/categoryIcons/banking-bank-DM.svg b/src/assets/categoryIcons/banking-bank-DM.svg deleted file mode 100644 index 5e120b76..00000000 --- a/src/assets/categoryIcons/banking-bank-DM.svg +++ /dev/null @@ -1,139 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/src/assets/categoryIcons/banking-bank.svg b/src/assets/categoryIcons/banking-bank.svg deleted file mode 100644 index 08de8421..00000000 --- a/src/assets/categoryIcons/banking-bank.svg +++ /dev/null @@ -1,139 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/src/assets/categoryIcons/beauty-salon.svg b/src/assets/categoryIcons/beauty-salon.svg deleted file mode 100644 index 3e8a38f2..00000000 --- a/src/assets/categoryIcons/beauty-salon.svg +++ /dev/null @@ -1,2 +0,0 @@ - - \ No newline at end of file diff --git a/src/assets/categoryIcons/cleaner-man.svg b/src/assets/categoryIcons/cleaner-man.svg deleted file mode 100644 index f31f216a..00000000 --- a/src/assets/categoryIcons/cleaner-man.svg +++ /dev/null @@ -1,51 +0,0 @@ - - - - - - - - - - - \ No newline at end of file diff --git a/src/assets/categoryIcons/computer-and-monitor.svg b/src/assets/categoryIcons/computer-and-monitor.svg deleted file mode 100644 index 36ae3eb2..00000000 --- a/src/assets/categoryIcons/computer-and-monitor.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - \ No newline at end of file diff --git a/src/assets/categoryIcons/construction-tools.svg b/src/assets/categoryIcons/construction-tools.svg deleted file mode 100644 index a1f4668b..00000000 --- a/src/assets/categoryIcons/construction-tools.svg +++ /dev/null @@ -1,2 +0,0 @@ - - \ No newline at end of file diff --git a/src/assets/categoryIcons/doctor.svg b/src/assets/categoryIcons/doctor.svg deleted file mode 100644 index c2eb9799..00000000 --- a/src/assets/categoryIcons/doctor.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/src/assets/categoryIcons/engine-motor.svg b/src/assets/categoryIcons/engine-motor.svg deleted file mode 100644 index f4b1ebab..00000000 --- a/src/assets/categoryIcons/engine-motor.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/src/assets/categoryIcons/garden.svg b/src/assets/categoryIcons/garden.svg deleted file mode 100644 index a76014df..00000000 --- a/src/assets/categoryIcons/garden.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/src/assets/categoryIcons/geography.svg b/src/assets/categoryIcons/geography.svg new file mode 100644 index 00000000..e2b2d902 --- /dev/null +++ b/src/assets/categoryIcons/geography.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/src/assets/categoryIcons/history.svg b/src/assets/categoryIcons/history.svg new file mode 100644 index 00000000..00ac88d1 --- /dev/null +++ b/src/assets/categoryIcons/history.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/src/assets/categoryIcons/holiday.svg b/src/assets/categoryIcons/holiday.svg new file mode 100644 index 00000000..0d4e6143 --- /dev/null +++ b/src/assets/categoryIcons/holiday.svg @@ -0,0 +1,2 @@ + + diff --git a/src/assets/categoryIcons/legal.svg b/src/assets/categoryIcons/legal.svg deleted file mode 100644 index f48e3828..00000000 --- a/src/assets/categoryIcons/legal.svg +++ /dev/null @@ -1,30 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/src/assets/categoryIcons/math.svg b/src/assets/categoryIcons/math.svg new file mode 100644 index 00000000..de7798c6 --- /dev/null +++ b/src/assets/categoryIcons/math.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/categoryIcons/paw.svg b/src/assets/categoryIcons/paw.svg deleted file mode 100644 index 9c0c43de..00000000 --- a/src/assets/categoryIcons/paw.svg +++ /dev/null @@ -1,66 +0,0 @@ - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/src/assets/categoryIcons/science.svg b/src/assets/categoryIcons/science.svg new file mode 100644 index 00000000..149f8ae9 --- /dev/null +++ b/src/assets/categoryIcons/science.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/categoryIcons/social.svg b/src/assets/categoryIcons/social.svg new file mode 100644 index 00000000..23addc9c --- /dev/null +++ b/src/assets/categoryIcons/social.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/categoryIcons/specialty.svg b/src/assets/categoryIcons/specialty.svg new file mode 100644 index 00000000..d6098ef5 --- /dev/null +++ b/src/assets/categoryIcons/specialty.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/categoryIcons/travel.svg b/src/assets/categoryIcons/travel.svg deleted file mode 100644 index d8d2f846..00000000 --- a/src/assets/categoryIcons/travel.svg +++ /dev/null @@ -1,52 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/src/assets/categoryIcons/worker.svg b/src/assets/categoryIcons/worker.svg deleted file mode 100644 index 8e7331fb..00000000 --- a/src/assets/categoryIcons/worker.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/src/components/services/CategoryCarousel.tsx b/src/components/services/CategoryCarousel.tsx index 0a420984..50476593 100644 --- a/src/components/services/CategoryCarousel.tsx +++ b/src/components/services/CategoryCarousel.tsx @@ -13,6 +13,14 @@ const productCategoryData = values.productCategoryInfo; import rightArrow from "../../assets/categoryIcons/circled-right-arrow.svg"; import leftArrow from "../../assets/categoryIcons/circled-left-arrow.svg"; import garden from "../../assets/categoryIcons/garden.svg"; +import history from "../../assets/categoryIcons/history.svg"; +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 social from "../../assets/categoryIcons/social.svg"; // import travel from "../../assets/categoryIcons/travel.svg"; // import worker from "../../assets/categoryIcons/worker.svg"; // import palette from "../../assets/categoryIcons/palette.svg"; @@ -44,24 +52,23 @@ if (error) { categories.map((category) => { if (category.id === 1) { - category.icon = garden; + category.icon = geography; + } else if (category.id === 2) { + category.icon = history; + } else if (category.id === 3) { + category.icon = art; + } else if (category.id === 4) { + category.icon = holiday; + } else if (category.id === 5) { + category.icon = math; + } else if (category.id === 6) { + category.icon = science; + } else if (category.id === 7) { + category.icon = social; + } else if (category.id === 8) { + category.icon = specialty; } - // else if (category.id === 2) { - // category.icon = beauty; - // } else if (category.id === 3) { - // category.icon = construction; - // } else if (category.id === 4) { - // category.icon = computer; - // } else if (category.id === 5) { - // category.icon = engine; - // } else if (category.id === 6) { - // category.icon = palette; - // } else if (category.id === 7) { - // category.icon = finance; - // category.iconDM = financeDM; - // } else if (category.id === 8) { - // category.icon = cleaner; - // } else if (category.id === 9) { + // else if (category.id === 9) { // category.icon = paw; // } else if (category.id === 10) { // category.icon = legal; @@ -82,7 +89,7 @@ for (let i = 0; i < categoriesData.length; i++) { allCategoryInfo.push({ ...categoriesData[i], ...categories.find( - (itmInner) => itmInner.id.toString() === categoriesData[i].id + (itmInner) => itmInner.id.toString() === categoriesData[i].id, ), }); } @@ -94,22 +101,22 @@ interface Props { let dark = window.matchMedia("(prefers-color-scheme: dark)").matches; let light = window.matchMedia( - "(prefers-color-scheme: light)" || "(prefers-color-scheme: no-preference" + "(prefers-color-scheme: light)" || "(prefers-color-scheme: no-preference", ).matches; export const CategoryCarousel: Component = (props) => { return ( -
+
- -
+
{allCategoryInfo?.map((item) => (
diff --git a/src/i18n/UI/English.ts b/src/i18n/UI/English.ts index 0f566eb0..857b2a9b 100644 --- a/src/i18n/UI/English.ts +++ b/src/i18n/UI/English.ts @@ -348,22 +348,14 @@ export const English = { productCategoryInfo:{ categories: [ - // { name: 'Gardening', description: 'Get help with your garden and landscaping.', ariaLabel: "Gardening", id: "1" }, - { name: 'Construction', description: 'New Construction, Additions, or Repair Services', ariaLabel: "Construction", id: "3" }, - { name: 'Beauty', description: 'Salons, Barbers, and other personal care.', ariaLabel: "Beauty", id: "2" }, - { name: 'Automotive', description: 'Automotive Services', ariaLabel: "Automotive", id: "5" }, - { name: 'Computer', description: 'Computer Repair and Services', ariaLabel: "Computer", id: "4" }, - { name: 'Creative', description: 'Creative Services', ariaLabel: "Creative", id: "6" }, - { name: 'Financial', description: 'Financial Services', ariaLabel: "Financial", id: "7" }, - // { name: 'Cleaning', description: 'Cleaning Services', ariaLabel: "Cleaning", id: "8" }, - { name: 'Pets', description: 'Pet Services', ariaLabel: "Pets", id: "9" }, - { name: 'Legal', description: 'Legal Services', ariaLabel: "Legal", id: "10" }, - { name: 'Health', description: 'Health Services', ariaLabel: "Health", id: "11" }, - { name: 'Labor', description: 'Labor Services', ariaLabel: "Labor", id: "12" }, - { name: 'Travel', description: 'Travel Services', ariaLabel: "Travel", id: "13" }, - { name: 'Education', description: 'Teaching, Tutoring, Training, and Other Education Services', ariaLabel: "Education", id: "14" }, - { name: 'Food & Drink', description: 'Food Services', ariaLabel: "Food & Drink", id: "15" }, - { name: 'Home & Office', description: 'Services for the Home and Office - Cleaning, Gardening, Pest Control, and more', ariaLabel: "Home & Office", id: "16" }, + { name: 'Geography', description: 'Geography description', ariaLabel: "Gardening", id: "1" }, + { name: 'History', description: 'History description.', ariaLabel: "History", id: "2" }, + { name: 'Art & Music', description: 'Geography description', ariaLabel: "Art & Music", id: "3" }, + { name: 'Holiday', description: 'Holiday description', ariaLabel: "Holiday", id: "4" }, + { name: 'Math', description: 'Math description', ariaLabel: "Math", id: "5" }, + { name: 'Science', description: 'Science Description', ariaLabel: "Science", id: "6" }, + { name: 'Social Studies', description: 'Social Studies Description', ariaLabel: "Social Studies", id: "7" }, + { name: 'Specialty', description: 'Specialty description', ariaLabel: "Specialty", id: "8" }, // Add more products as needed ] },