diff --git a/package-lock.json b/package-lock.json index dbe7a4d..434d480 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,10 +9,10 @@ "version": "1.0.0", "dependencies": { "@hello-pangea/dnd": "^18.0.1", - "@mantine/core": "^8.1.1", - "@mantine/form": "^8.1.1", - "@mantine/hooks": "^8.1.1", - "@mantine/notifications": "^8.1.1", + "@mantine/core": "^8.1.2", + "@mantine/form": "^8.1.2", + "@mantine/hooks": "^8.1.2", + "@mantine/notifications": "^8.1.2", "@tanstack/react-query": "^5.81.2", "@tanstack/react-query-devtools": "^5.81.2", "@tanstack/react-query-persist-client": "^5.81.2", @@ -22,7 +22,7 @@ "react-dom": "^19.1.0", "react-icons": "^5.5.0", "react-router-dom": "^7.6.2", - "recharts": "^3.0.0" + "recharts": "^3.0.1" }, "devDependencies": { "@types/node": "^24.0.4", @@ -931,9 +931,9 @@ } }, "node_modules/@mantine/core": { - "version": "8.1.1", - "resolved": "https://registry.npmjs.org/@mantine/core/-/core-8.1.1.tgz", - "integrity": "sha512-fW5phaeraz5F2+rnu3cz9aqzyOdvK8ZKi3fWgfhURVt8lo7+oZOVmqsKnvnxw4clJvj/A51wLCmgN9uhlm0n2g==", + "version": "8.1.2", + "resolved": "https://registry.npmjs.org/@mantine/core/-/core-8.1.2.tgz", + "integrity": "sha512-+maX0a1+fxh6Lvnzi0qb0AZsCnnHlIiTE/hFC+dd3eRfUW2PEKJ5/wTpmrX8IGyxa+NS+fXjZD/cU4Yt9xNjdg==", "license": "MIT", "dependencies": { "@floating-ui/react": "^0.26.28", @@ -944,15 +944,15 @@ "type-fest": "^4.27.0" }, "peerDependencies": { - "@mantine/hooks": "8.1.1", + "@mantine/hooks": "8.1.2", "react": "^18.x || ^19.x", "react-dom": "^18.x || ^19.x" } }, "node_modules/@mantine/form": { - "version": "8.1.1", - "resolved": "https://registry.npmjs.org/@mantine/form/-/form-8.1.1.tgz", - "integrity": "sha512-9QGiPa51SMjbxA25fOwiWFkayIzZzTeOdhFv6pJgxSe3/4DxI0fmJUzxXnBpXuPAYYyHyeHm1I1gRGreplFGVg==", + "version": "8.1.2", + "resolved": "https://registry.npmjs.org/@mantine/form/-/form-8.1.2.tgz", + "integrity": "sha512-w+PWUQPE3JDiK4ZBWN+WtfixWtt/+KavHjsSjCxIuUodzygdkV/4bWtPKYx7dFQTozWhfMVqxtORhn3no28Qwg==", "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.3", @@ -963,34 +963,34 @@ } }, "node_modules/@mantine/hooks": { - "version": "8.1.1", - "resolved": "https://registry.npmjs.org/@mantine/hooks/-/hooks-8.1.1.tgz", - "integrity": "sha512-C+p9pPDPl/IMcVCN44XMa9MbuUOEJS3PG9Wklw9Z+ooJqkBnc7aXs3xTAjIsaUCinR9hMqT19cwiYb+W88leVg==", + "version": "8.1.2", + "resolved": "https://registry.npmjs.org/@mantine/hooks/-/hooks-8.1.2.tgz", + "integrity": "sha512-BrriTsiazqZ2fLuL7UDasNTQJSaoJ7mN2qYVkdsiYI158lxJdUaFWHhd6BDyzK+W6thvBx2D+R/hh1rsWWefdQ==", "license": "MIT", "peerDependencies": { "react": "^18.x || ^19.x" } }, "node_modules/@mantine/notifications": { - "version": "8.1.1", - "resolved": "https://registry.npmjs.org/@mantine/notifications/-/notifications-8.1.1.tgz", - "integrity": "sha512-eCPsCVkvb5ce0FIbbBiQPGhmgaXgv+9KXPzr3BEfWiR33BSaPs8Q0NaweyZGpEICerOodeAKVXWTGf1KbfEN/g==", + "version": "8.1.2", + "resolved": "https://registry.npmjs.org/@mantine/notifications/-/notifications-8.1.2.tgz", + "integrity": "sha512-9yqMRz9KlU0rXYc2xB+gfKwm6wt5e05B2eCAx0QcSDaxUl2EIfDINqdD+rTTvuWDxiQoN16wF/VJvFHn9wj3Xw==", "license": "MIT", "dependencies": { - "@mantine/store": "8.1.1", + "@mantine/store": "8.1.2", "react-transition-group": "4.4.5" }, "peerDependencies": { - "@mantine/core": "8.1.1", - "@mantine/hooks": "8.1.1", + "@mantine/core": "8.1.2", + "@mantine/hooks": "8.1.2", "react": "^18.x || ^19.x", "react-dom": "^18.x || ^19.x" } }, "node_modules/@mantine/store": { - "version": "8.1.1", - "resolved": "https://registry.npmjs.org/@mantine/store/-/store-8.1.1.tgz", - "integrity": "sha512-VmFhaMT+W0YhX2KyoOc7xYYg9nN1LhG8eTFebOshwSi0I2HIONXtgtLg0wBSi3ZXI22dNicCBS/ukA3X534ZBg==", + "version": "8.1.2", + "resolved": "https://registry.npmjs.org/@mantine/store/-/store-8.1.2.tgz", + "integrity": "sha512-Dt7NJc2+kvtpWkTXR5Mwmwo5zluFM9n6UYaIn4i726PPoABCAvQU4wwkw9GkOEdPNkRcnRdNg5SxWa+QZY/4ag==", "license": "MIT", "peerDependencies": { "react": "^18.x || ^19.x" @@ -3785,9 +3785,9 @@ } }, "node_modules/recharts": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/recharts/-/recharts-3.0.0.tgz", - "integrity": "sha512-GODedlXZEOQ/KN15puHqaEk9JaiUvFr+Wef/nSagi7g9wHPFLB7prH1/J8vyEBtA2Es6r8qGY1t2OqkuAIpgBg==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/recharts/-/recharts-3.0.1.tgz", + "integrity": "sha512-T5PZzeqzkdQpwdd/wG/hzuhaKAFTNY/PsezVlhdg4GbME4mfcau3DEYP4VCejEsUVOpX6hQTN6FJE4z9zL0RWA==", "license": "MIT", "dependencies": { "@reduxjs/toolkit": "1.x.x || 2.x.x", diff --git a/package.json b/package.json index 1b2e313..ddcb564 100644 --- a/package.json +++ b/package.json @@ -11,10 +11,10 @@ }, "dependencies": { "@hello-pangea/dnd": "^18.0.1", - "@mantine/core": "^8.1.1", - "@mantine/form": "^8.1.1", - "@mantine/hooks": "^8.1.1", - "@mantine/notifications": "^8.1.1", + "@mantine/core": "^8.1.2", + "@mantine/form": "^8.1.2", + "@mantine/hooks": "^8.1.2", + "@mantine/notifications": "^8.1.2", "@tanstack/react-query": "^5.81.2", "@tanstack/react-query-devtools": "^5.81.2", "@tanstack/react-query-persist-client": "^5.81.2", @@ -24,7 +24,7 @@ "react-dom": "^19.1.0", "react-icons": "^5.5.0", "react-router-dom": "^7.6.2", - "recharts": "^3.0.0" + "recharts": "^3.0.1" }, "devDependencies": { "@types/node": "^24.0.4", diff --git a/src/pages/homepage/components/Search/Search.tsx b/src/pages/homepage/components/Search/Search.tsx index 3ae2777..21cf4db 100644 --- a/src/pages/homepage/components/Search/Search.tsx +++ b/src/pages/homepage/components/Search/Search.tsx @@ -135,14 +135,14 @@ export default function Search({ const handleKeyUp = (item: any) => { if (item.code === 'Escape') { - if (dropdownOpened) { - closeDropdown(); - } setListIndex(0); setSearchValue(''); setProviderLabel('Google Search'); setProviderPrefix('/g'); setPlaceholderValue(''); + if (dropdownOpened) { + closeDropdown(); + } } if (item.code === 'ArrowDown' && !dropdownOpened) { setListIndex(0); @@ -323,7 +323,7 @@ export default function Search({ return ( <> - {dropdownOpened && } + {dropdownOpened && } Nothing found... } - data-active={searchValue !== ''} + data-active={placeholderValue !== ''} dropdownOpened={dropdownOpened} comboboxProps={{ transitionProps: { transition: 'fade', duration: 200 }, diff --git a/src/pages/homepage/components/SettingsButton/ThemingCard.tsx b/src/pages/homepage/components/SettingsButton/ThemingCard.tsx index 7c2883d..0075279 100644 --- a/src/pages/homepage/components/SettingsButton/ThemingCard.tsx +++ b/src/pages/homepage/components/SettingsButton/ThemingCard.tsx @@ -101,7 +101,7 @@ function ThemingCard() { ); handleThemeChange(filteredThemes, false); } else if (currentThemePlaylist === 'All') { - handleThemeChange(allThemes, false); + handleThemeChange(allThemes, true); } else if (currentThemePlaylist === 'Backgrounds') { handleThemeChange( allThemes.filter( diff --git a/src/styles/Select.module.css b/src/styles/Select.module.css index 50f419d..585dea2 100644 --- a/src/styles/Select.module.css +++ b/src/styles/Select.module.css @@ -45,7 +45,7 @@ .dropdown { border: none !important; background-color: var(--mantine-color-search-0) !important; - backdrop-filter: blur(5px) !important; + backdrop-filter: blur(15px) brightness(1.75) !important; } .options { @@ -117,7 +117,10 @@ border-top-right-radius: .25em; border-bottom-left-radius: .25em; border-bottom-right-radius: .25em; + transition: all 0.4s ease; + transition: backdrop-filter 0s; &[data-active="true"] { + backdrop-filter: blur(15px) brightness(1.75) !important; background-color: var(--mantine-color-search-0); border-color: var(--mantine-color-border-0); outline: none;