diff --git a/assets/icons/check-done.svg b/assets/icons/check-done.svg new file mode 100644 index 000000000..d562da369 --- /dev/null +++ b/assets/icons/check-done.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/chevron-down.svg b/assets/icons/chevron-down.svg new file mode 100644 index 000000000..f7043d8ea --- /dev/null +++ b/assets/icons/chevron-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/chevron-up.svg b/assets/icons/chevron-up.svg new file mode 100644 index 000000000..391e06273 --- /dev/null +++ b/assets/icons/chevron-up.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/icons/chevronDown.svg b/assets/icons/chevronDown.svg deleted file mode 100644 index 8e103bca6..000000000 --- a/assets/icons/chevronDown.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/icons/chevronUp.svg b/assets/icons/chevronUp.svg deleted file mode 100644 index 878409e91..000000000 --- a/assets/icons/chevronUp.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/icons/closeCross.svg b/assets/icons/cross.svg similarity index 71% rename from assets/icons/closeCross.svg rename to assets/icons/cross.svg index 8c3aea470..d1de276fc 100644 --- a/assets/icons/closeCross.svg +++ b/assets/icons/cross.svg @@ -1,3 +1,3 @@ - + \ No newline at end of file diff --git a/components/blocks/accordion-block/index.tsx b/components/blocks/accordion-block/index.tsx index 72630b162..873483992 100644 --- a/components/blocks/accordion-block/index.tsx +++ b/components/blocks/accordion-block/index.tsx @@ -1,7 +1,7 @@ import useTranslation from "next-translate/useTranslation"; import { FC, useContext, useState } from "react"; -import CloseIcon from "@/assets/icons/closeCross.svg"; +import CrossIcon from "@/assets/icons/cross.svg"; import PlusIcon from "@/assets/icons/plus.svg"; import { HtmlParser } from "@/components/typography/html-parser"; import { FaqFragment as IFaq } from "@/graphql/__generated__/operations"; @@ -38,7 +38,7 @@ export const AccordionBlock: FC = ({ {question} {open ? ( - = ({ icon, label, size, iconPosition }) => { +const IconLabel: FC = ({ + icon, + label, + size, + iconPosition, + iconSizeBase, +}) => { const Icon = icon; - const { iconSize } = useContext(SettingsContext); + const { iconSize: contextIconSize } = useContext(SettingsContext); return ( <> {iconPosition === "left" && Icon && ( )} {label && {label}} {iconPosition === "right" && Icon && ( )} @@ -67,6 +99,7 @@ const IconLabel: FC = ({ icon, label, size, iconPosition }) => { type ButtonProps = VariantProps & { icon?: AddIcon; iconPosition?: "left" | "right"; + iconSize?: number; label?: string; }; @@ -78,6 +111,7 @@ const Button: FC< className, icon, iconPosition, + iconSize, label, children, ...rest @@ -90,6 +124,7 @@ const Button: FC< > { diff --git a/components/navigation/container-nav/index.tsx b/components/navigation/container-nav/index.tsx index 913a19ad6..9b5941d60 100644 --- a/components/navigation/container-nav/index.tsx +++ b/components/navigation/container-nav/index.tsx @@ -4,7 +4,7 @@ import { usePathname } from "next/navigation"; import useTranslation from "next-translate/useTranslation"; import { FC, KeyboardEvent, useEffect, useRef, useState } from "react"; -import CloseCrossIcon from "@/assets/icons/closeCross.svg"; +import CrossIcon from "@/assets/icons/cross.svg"; import HamburgerIcon from "@/assets/icons/hamburger.svg"; import { Button } from "@/components/button"; import { ContainerDataFragment } from "@/graphql/__generated__/operations"; @@ -86,7 +86,7 @@ export const ContainerNav: FC = ({ related }) => { {vw < 1124 && ( - - ), + + + ), + )} + + + {value.facetValues.length > value.show && ( + + + ))} + + + )} + + + ); +}; diff --git a/features/search/search-input/index.tsx b/features/search/search-input/index.tsx index 9f024d663..569bbfc00 100644 --- a/features/search/search-input/index.tsx +++ b/features/search/search-input/index.tsx @@ -1,7 +1,7 @@ import useTranslation from "next-translate/useTranslation"; import { Dispatch, FC, InputHTMLAttributes, SetStateAction } from "react"; -import CloseIcon from "@/assets/icons/closeCross.svg"; +import CrossIcon from "@/assets/icons/cross.svg"; import SearchIcon from "@/assets/icons/search.svg"; import SpinnerIcon from "@/assets/icons/spinner.svg"; import { Button } from "@/components/button"; @@ -50,7 +50,7 @@ export const SearchInput: FC = ({