Search Provider icons

src/hooks/useCommonHooks.ts

@@ -65,16 +65,27 @@ export function useCommonHooks() {
 		key: 'providerPrefix',
 		defaultValue: '/g',
 	});
+	const [defaultProviderIcon, setDefaultProviderIcon] = useLocalStorage<string>({
+		key: 'providerIcon',
+		defaultValue: 'FaGoogle',
+	});
 	const [searchValue, setSearchValue] = useState('');
 	const [providerLabel, setProviderLabel] = useState(defaultProviderLabel);
 	const [providerURL, setProviderURL] = useState(defaultProviderURL);
 	const [providerPrefix, setProviderPrefix] = useState(defaultProviderPrefix);
+	const [providerIcon, setProviderIcon] = useState(defaultProviderIcon);
 
 	useEffect(() => {
 		setProviderLabel(defaultProviderLabel);
 		setProviderURL(defaultProviderURL);
 		setProviderPrefix(defaultProviderPrefix);
-	}, [defaultProviderLabel, defaultProviderURL, defaultProviderPrefix]);
+		setProviderIcon(defaultProviderIcon);
+	}, [
+		defaultProviderLabel,
+		defaultProviderURL,
+		defaultProviderPrefix,
+		defaultProviderIcon,
+	]);
 
 	const [currentUser, setCurrentUser] = useLocalStorage<User>({
 		key: 'user',
@@ -141,6 +152,17 @@ export function useCommonHooks() {
 		mutateAsync({ method: 'DELETE', endpoint: endpoint, body: item });
 	};
 
+	const filter = (selectedTheme?: Theme) => {
+		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';
+	};
+
 	function fixDigits(k: number) {
 		if (k < 10) {
 			return `0${k}`;
@@ -195,6 +217,7 @@ export function useCommonHooks() {
 		theme,
 		setTheme,
 		urlPattern,
+		filter,
 		fixDigits,
 		reorder,
 		getObjectDiff,
@@ -230,12 +253,16 @@ export function useCommonHooks() {
 		setProviderURL,
 		providerPrefix,
 		setProviderPrefix,
+		providerIcon,
+		setProviderIcon,
 		defaultProviderLabel,
 		setDefaultProviderLabel,
 		defaultProviderURL,
 		setDefaultProviderURL,
 		defaultProviderPrefix,
 		setDefaultProviderPrefix,
+		defaultProviderIcon,
+		setDefaultProviderIcon,
 		currentUser,
 		setCurrentUser,
 		currentLocation,