diff --git a/frontend/src/components/Search.tsx b/frontend/src/components/Search.tsx index 498d324..aa214ac 100644 --- a/frontend/src/components/Search.tsx +++ b/frontend/src/components/Search.tsx @@ -49,7 +49,7 @@ const Search: React.FC = ({ setBooks }) => { const [showLanguageDropdown, setShowLanguageDropdown] = useState(true) useEffect(() => { - const params = new Proxy(new URLSearchParams(window.location.search), { + const params = new Proxy(new URLSearchParams(decodeURIComponent(window.location.search)), { //@ts-ignore get: (searchParams, prop) => searchParams.get(prop), }); @@ -94,9 +94,10 @@ const Search: React.FC = ({ setBooks }) => { } const copyToClipboard = () => { - const searchQuery = `${window.location.host}?title=${title}&author=${author}&language=${language}&publisher=${publisher}&isbn=${isbn}&extension=${extension}`; + const searchBase = `${window.location.host}/?`; + const searchQuery = encodeURIComponent(`title=${title}&author=${author}&language=${language}&publisher=${publisher}&isbn=${isbn}&extension=${extension}`) - navigator.clipboard.writeText(searchQuery).then(() => { + navigator.clipboard.writeText(`${searchBase}${searchQuery}`).then(() => { //console.log('Async: Copying to clipboard was successful!'); }, (err) => { //console.error('Async: Could not copy text: ', err);