diff --git a/src/assets/xcircle.svg b/src/assets/xcircle.svg new file mode 100644 index 00000000..6fee8505 --- /dev/null +++ b/src/assets/xcircle.svg @@ -0,0 +1 @@ + diff --git a/src/components/Layout/SearchInput/index.tsx b/src/components/Layout/SearchInput/index.tsx index 60e9f62a..643235ae 100644 --- a/src/components/Layout/SearchInput/index.tsx +++ b/src/components/Layout/SearchInput/index.tsx @@ -1,6 +1,7 @@ import React from 'react'; import useSearchInput from '../../../hooks/useSearchInput'; import { defineMessages, useIntl } from 'react-intl'; +import ClearButton from '../../../assets/xcircle.svg'; const messages = defineMessages({ searchPlaceholder: 'Search Movies & TV', @@ -8,7 +9,7 @@ const messages = defineMessages({ const SearchInput: React.FC = () => { const intl = useIntl(); - const { searchValue, setSearchValue, setIsOpen } = useSearchInput(); + const { searchValue, setSearchValue, setIsOpen, clear } = useSearchInput(); return (