feat(user): add search in new tab preference (#2125)

packages/spotlight/src/modes/external/search-engines-search-group.tsx

@@ -7,6 +7,7 @@ import type { IntegrationKind } from "@homarr/definitions";
 import { getIntegrationKindsByCategory, getIntegrationName } from "@homarr/definitions";
 import { useModalAction } from "@homarr/modals";
 import { RequestMediaModal } from "@homarr/modals-collection";
+import { useSettings } from "@homarr/settings";
 import { useScopedI18n } from "@homarr/translation/client";
 
 import { createChildrenOptions } from "../../lib/children";
@@ -39,6 +40,8 @@ export const useFromIntegrationSearchInteraction = (
   searchEngine: SearchEngine,
   searchResult: FromIntegrationSearchResult,
 ): inferSearchInteractionDefinition<"link" | "javaScript" | "children"> => {
+  const { openSearchInNewTab } = useSettings();
+
   if (searchEngine.type !== "fromIntegration") {
     throw new Error("Invalid search engine type");
   }
@@ -58,7 +61,7 @@ export const useFromIntegrationSearchInteraction = (
       return {
         type: "link",
         href: searchResult.link,
-        newTab: true,
+        newTab: openSearchInNewTab,
       };
     }
 
@@ -127,10 +130,11 @@ const mediaRequestsChildrenOptions = createChildrenOptions<MediaRequestChildrenP
           );
         },
         useInteraction({ result }) {
+          const { openSearchInNewTab } = useSettings();
           return {
             type: "link",
             href: result.link,
-            newTab: true,
+            newTab: openSearchInNewTab,
           };
         },
       },
@@ -166,6 +170,7 @@ export const searchEnginesChildrenOptions = createChildrenOptions<SearchEngine>(
         enabled: searchEngine.type === "fromIntegration" && searchEngine.integrationId !== null && query.length > 0,
       },
     );
+    const { openSearchInNewTab } = useSettings();
 
     if (searchEngine.type === "generic") {
       return [
@@ -184,6 +189,7 @@ export const searchEnginesChildrenOptions = createChildrenOptions<SearchEngine>(
           useInteraction: interaction.link(({ urlTemplate }, query) => ({
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             href: urlTemplate!.replace("%s", query),
+            newTab: openSearchInNewTab,
           })),
         },
       ];
@@ -258,11 +264,12 @@ export const searchEnginesSearchGroups = createGroup<SearchEngine>({
     setChildrenOptions(searchEnginesChildrenOptions(engine));
   },
   useInteraction: (searchEngine, query) => {
+    const { openSearchInNewTab } = useSettings();
     if (searchEngine.type === "generic" && searchEngine.urlTemplate) {
       return {
         type: "link" as const,
         href: searchEngine.urlTemplate.replace("%s", query),
-        newTab: true,
+        newTab: openSearchInNewTab,
       };
     }
 

packages/spotlight/src/modes/home/home-search-engine-group.tsx

@@ -6,6 +6,7 @@ import type { RouterOutputs } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
 import type { Session } from "@homarr/auth";
 import { useSession } from "@homarr/auth/client";
+import { useSettings } from "@homarr/settings";
 import type { TranslationFunction } from "@homarr/translation";
 import { useI18n } from "@homarr/translation/client";
 
@@ -135,10 +136,12 @@ const createDefaultSearchEntries = (
         }),
         icon: defaultSearchEngine.iconUrl,
         useInteraction(query) {
+          const { openSearchInNewTab } = useSettings();
           return {
             type: "link",
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             href: defaultSearchEngine.urlTemplate!.replace("%s", query),
+            newTab: openSearchInNewTab,
           };
         },
       },