Fixed a substition blunder

packages/website/ts/components/docs/search/autocomplete.tsx

@@ -96,11 +96,13 @@ const CustomAutoComplete: React.FC<IAutoCompleteProps> = ({
     const renderSuggestion = (hit: IHit): React.ReactNode => {
         const { externalUrl, urlWithHash } = hit;
         const to = externalUrl ? externalUrl : urlWithHash;
+        // The atrributes to snippet are set in algolia_constants
+        const attributeToSnippet = externalUrl ? 'description' : 'textContent';
 
         return (
             <Link shouldOpenInNewTab={externalUrl ? true : false} to={to}>
                 <Highlight attribute="title" hit={hit} nonHighlightedTagName="h6" />
-                <Snippet attribute="textContent" hit={hit} nonHighlightedTagName="p" tagName="span" />
+                <Snippet attribute={attributeToSnippet} hit={hit} nonHighlightedTagName="p" tagName="span" />
             </Link>
         );
     };

packages/website/ts/components/docs/tools/feature_link.tsx

@@ -21,7 +21,7 @@ export const FeatureLink: React.FC<IFeatureLinkProps> = ({ description, external
     const to = externalUrl ? externalUrl : url;
 
     return (
-        <FeatureLinkWrapper to={to}>
+        <FeatureLinkWrapper shouldOpenInNewTab={externalUrl ? true : false} to={to}>
             <StyledIcon color={colors.brandLight} name="flexibleIntegration" size={60} />
             <Content>
                 <div>

packages/website/ts/utils/algolia_constants.ts

@@ -30,7 +30,7 @@ const sharedSettings = {
     distinct: true,
     attributeForDistinct: 'id',
     attributesForFaceting: [''],
-    attributesToSnippet: ['textContent:20'], // attribute:nbWords (number of words to show in a snippet)
+    attributesToSnippet: ['description:20', 'textContent:20'], // attribute:nbWords (number of words to show in a snippet)
     searchableAttributes: ['title', 'textContent'],
     snippetEllipsisText: '…',
 };

packages/website/ts/utils/algolia_helpers.ts

@@ -58,11 +58,11 @@ function getNameToFile(dirName: string): ObjectMap<File> {
         if (dirName === 'tools') {
             const name = path.basename(path.join(p, '../../'));
             const version = path.basename(path.dirname(p));
-            const externalUrl = `/docs/tools/${name}/${version}`;
+            const url = `/docs/tools/${name}/${version}`;
 
             const fileIfExists = nameToFile[name];
 
-            const fileObject = { name, path: p, version, versions: [version], externalUrl };
+            const fileObject = { name, path: p, version, versions: [version], url };
 
             if (fileIfExists !== undefined) {
                 if (compareVersions.compare(version, fileIfExists.version, '>')) {
@@ -76,13 +76,13 @@ function getNameToFile(dirName: string): ObjectMap<File> {
 
         if (dirName === 'guides') {
             const { name } = path.parse(p);
-            const externalUrl = `/docs/guides/${name}`;
-            nameToFile[name] = { name, path: p, externalUrl };
+            const url = `/docs/guides/${name}`;
+            nameToFile[name] = { name, path: p, url };
         }
 
         if (dirName === 'core-concepts' || dirName === 'api-explorer') {
-            const externalUrl = `/docs/${dirName}`;
-            nameToFile[dirName] = { name: dirName, path: p, externalUrl };
+            const url = `/docs/${dirName}`;
+            nameToFile[dirName] = { name: dirName, path: p, url };
         }
     }
 
@@ -141,7 +141,7 @@ function modifier(node: Node, index: number, parent: Node): void {
         const endIndex = parent.children.indexOf(end);
         // Find all nodes between and including the heading and all nodes before the next heading
         const between = parent.children.slice(startIndex, endIndex > 0 ? endIndex : undefined);
-        // We add the id of the heading as hash part of the externalUrl to all text nodes
+        // We add the id of the heading as hash part of the url to all text nodes
         for (const item of between) {
             addHashToChildren(item, start);
         }
@@ -190,7 +190,7 @@ async function clearIndexAsync(algoliaIndex: any): Promise<void> {
 }
 
 function getContent(file: File, formattedTextNodes: FormattedNode[], indexName: string): Content[] {
-    const { name, externalUrl } = file;
+    const { name, url } = file;
     const metaData: Meta = meta[indexName][name];
     const content: Content[] = [];
 
@@ -199,8 +199,8 @@ function getContent(file: File, formattedTextNodes: FormattedNode[], indexName:
 
         content.push({
             ...metaData,
-            externalUrl,
-            urlWithHash: externalUrl + node.hash,
+            url,
+            urlWithHash: url + node.hash,
             hash: node.hash,
             textContent: node.textContent,
             id: titleSlug,
@@ -227,7 +227,7 @@ function formatTextNodes(textNodes: Node[]): FormattedNode[] {
         if (isIndexPresent) {
             formattedTextNodes[nodeIndex].textContent += value; // Merge value with existing text at the given line
         } else {
-            formattedTextNodes.push({ line, hash, textContent: value }); // Create text, hash part of the externalUrl, and its start line
+            formattedTextNodes.push({ line, hash, textContent: value }); // Create text, hash part of the url, and its start line
         }
     });
 
@@ -239,7 +239,7 @@ interface File {
     path: string;
     version?: string;
     versions?: string[];
-    externalUrl: string;
+    url: string;
 }
 
 interface Meta {
@@ -256,7 +256,7 @@ interface Meta {
 }
 
 interface Content extends Meta {
-    externalUrl: string;
+    url: string;
     urlWithHash: string;
     hash: string;
     textContent: string;