+
);
};
diff --git a/src/sxastarter/src/components/PageContent/HeadingCta.tsx b/src/sxastarter/src/components/PageContent/HeadingCta.tsx
index c5398d7a..b4f04bde 100644
--- a/src/sxastarter/src/components/PageContent/HeadingCta.tsx
+++ b/src/sxastarter/src/components/PageContent/HeadingCta.tsx
@@ -100,6 +100,7 @@ export const PageHeading = (props: HeadingCtaProps): JSX.Element => {
{
+
diff --git a/src/sxastarter/src/components/PageContent/ProjectDetails.tsx b/src/sxastarter/src/components/PageContent/ProjectDetails.tsx
index 22300e8f..f568f4d0 100644
--- a/src/sxastarter/src/components/PageContent/ProjectDetails.tsx
+++ b/src/sxastarter/src/components/PageContent/ProjectDetails.tsx
@@ -48,6 +48,7 @@ export const Default = (props: ProjectDetailsProps): JSX.Element => {
+
diff --git a/src/sxastarter/src/components/Search/ClickOutside.tsx b/src/sxastarter/src/components/Search/ClickOutside.tsx
new file mode 100644
index 00000000..01908535
--- /dev/null
+++ b/src/sxastarter/src/components/Search/ClickOutside.tsx
@@ -0,0 +1,39 @@
+import { useEffect } from 'react';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const ClickOutside = (references: any[], handler: () => void): void => {
+ useEffect(() => {
+ const listener = (event: Event) => {
+ let clickWasOnAReference = false;
+
+ // Do nothing if clicking any of the reference element or descendent elements
+ references.forEach((reference) => {
+ if (!reference.current || reference.current.contains(event.target)) {
+ clickWasOnAReference = true;
+ }
+ });
+
+ if (!clickWasOnAReference) {
+ handler();
+ }
+ };
+
+ if (window.PointerEvent) {
+ document.addEventListener('pointerdown', listener);
+ } else {
+ document.addEventListener('mousedown', listener);
+ document.addEventListener('touchstart', listener);
+ }
+
+ return () => {
+ if (window.PointerEvent) {
+ document.removeEventListener('pointerdown', listener);
+ } else {
+ document.removeEventListener('mousedown', listener);
+ document.removeEventListener('touchstart', listener);
+ }
+ };
+ }, [references, handler]);
+};
+
+export default ClickOutside;
diff --git a/src/sxastarter/src/components/Search/PreviewSearch/PreviewSearch.tsx b/src/sxastarter/src/components/Search/PreviewSearch/PreviewSearch.tsx
index 230c9512..452f5c7e 100644
--- a/src/sxastarter/src/components/Search/PreviewSearch/PreviewSearch.tsx
+++ b/src/sxastarter/src/components/Search/PreviewSearch/PreviewSearch.tsx
@@ -4,16 +4,18 @@ import type { ChangeEvent } from 'react';
import { useCallback } from 'react';
import type { PreviewSearchInitialState } from '@sitecore-search/react';
-import { WidgetDataType, usePreviewSearch, widget } from '@sitecore-search/react';
+import { FilterEqual, WidgetDataType, usePreviewSearch, widget } from '@sitecore-search/react';
import { ArticleCard, Presence, PreviewSearch } from '@sitecore-search/ui';
-
+import { PageController } from '@sitecore-search/react';
import Spinner from '../components/Spinner/Spinner';
+import { useSitecoreContext } from '@sitecore-jss/sitecore-jss-nextjs';
const DEFAULT_IMG_URL = 'https://placehold.co/500x300?text=No%20Image';
-type ArticleModel = {
+export type ArticleModel = {
id: string;
name?: string;
title?: string;
+ description?: string;
image_url: string;
url: string;
source_id?: string;
@@ -50,12 +52,18 @@ export const PreviewSearchComponent = ({
itemRedirectionHandler,
submitRedirectionHandler,
}: PreviewSearchProps) => {
+ const { sitecoreContext } = useSitecoreContext();
+
const {
widgetRef,
actions: { onItemClick, onKeyphraseChange },
queryResult,
queryResult: { isFetching, isLoading },
} = usePreviewSearch
({
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ query: (query): any => {
+ query.getRequest().setSearchFilter(new FilterEqual('tags', sitecoreContext?.site?.name));
+ },
state: {
itemsPerPage: defaultItemsPerPage,
},
@@ -70,6 +78,18 @@ export const PreviewSearchComponent = ({
},
[onKeyphraseChange]
);
+
+ if (sitecoreContext?.language == 'fr-CA') {
+ PageController.getContext().setLocaleLanguage('fr');
+ PageController.getContext().setLocaleCountry('ca');
+ } else if (sitecoreContext?.language == 'ja-JP') {
+ PageController.getContext().setLocaleLanguage('ja');
+ PageController.getContext().setLocaleCountry('jp');
+ } else {
+ PageController.getContext().setLocaleLanguage('en');
+ PageController.getContext().setLocaleCountry('us');
+ }
+
return (