Search Provider icons

src/components/Applications/AppItem.tsx

@@ -29,23 +29,12 @@ export function AppItem({
 	const { ref, width, height } = useElementSize();
 	const allIcons: any = { ...fa6, ...vsc, ...si };
 	const Icon = allIcons[icon];
-	const { isMobile, theme } = useCommonHooks();
+	const { isMobile, filter } = useCommonHooks();
 	const [textDecoration, setTextDecoration] = useState<string>('none');
 	const [hover, setHover] = useState<boolean>(false);
 	const validUrl =
 		url.startsWith('http://') || url.startsWith('https://') ? url : `http://${url}`;
 
-	const filter = () => {
-		if (selectedTheme && selectedTheme.appShadowsEnabled === 1) {
-			return 'drop-shadow(2px 2px color-mix(in srgb, var(--mantine-color-accent-0), transparent 30%))';
-		}
-		if (!selectedTheme && theme.appShadowsEnabled === 1) {
-			return 'drop-shadow(2px 2px color-mix(in srgb, var(--mantine-color-accent-0), transparent 30%))';
-		}
-
-		return 'none';
-	};
-
 	return (
 		<Box
 			component='a'
@@ -113,7 +102,7 @@ export function AppItem({
 						style={{
 							height: scale * 32,
 							width: scale * 32,
-							filter: filter(),
+							filter: filter(selectedTheme),
 						}}
 					/>
 				)}