FTN-58: Search by indicator id

frontend/fingertips-frontend/app/search/results/page.tsx

@@ -1,5 +1,5 @@
 import { SearchResults } from '@/components/pages/search/results';
-import { getSearchData } from './search-result-data';
+import { getSearchService } from '@/lib/search/searchResultData';
 
 export default async function Page(
   props: Readonly<{
@@ -12,7 +12,7 @@ export default async function Page(
   const indicator = searchParams?.indicator ?? '';
 
   // Perform async API call using indicator prop
-  const searchResults = getSearchData();
+  const searchResults = await getSearchService().searchByIndicator(indicator);
 
   return <SearchResults indicator={indicator} searchResults={searchResults} />;
 }

frontend/fingertips-frontend/components/molecules/Search/result/index.tsx

@@ -8,15 +8,15 @@ import {
 } from 'govuk-react';
 import { spacing, typography } from '@govuk-react/lib';
 
-import { IndicatorSearchResult } from '@/app/search/results/search-result-data';
+import { IndicatorSearchResult } from '@/lib/search/searchResultData';
 import styled from 'styled-components';
 
 type SearchResultProps = {
   result: IndicatorSearchResult;
 };
 
 const StyledParagraph = styled(Paragraph)(
-  typography.font({ size: 19, lineHeight: '0.5' })
+  typography.font({ size: 19, lineHeight: '1.2' })
 );
 
 const StyledRow = styled(GridRow)(

frontend/fingertips-frontend/components/pages/search/results/index.tsx

@@ -10,7 +10,7 @@ import {
 } from 'govuk-react';
 import { SearchResult } from '@/components/molecules/Search/result';
 
-import { IndicatorSearchResult } from '@/app/search/results/search-result-data';
+import { IndicatorSearchResult } from '@/lib/search/searchResultData';
 
 type SearchResultsProps = {
   indicator: string;

frontend/fingertips-frontend/lib/search/searchResultData.ts

@@ -0,0 +1,56 @@
+import { SearchService } from './searchService';
+
+export interface IndicatorSearchResult {
+  id: string;
+  indicatorName: string;
+  latestDataPeriod?: string;
+  dataSource?: string;
+  lastUpdated?: string;
+}
+
+export interface IndicatorSearch {
+  searchByIndicator(indicator: string): Promise<IndicatorSearchResult[]>;
+}
+
+export const MOCK_DATA: IndicatorSearchResult[] = [
+  {
+    id: '1',
+    indicatorName: 'NHS',
+    latestDataPeriod: '2023',
+    dataSource: 'NHS website',
+    lastUpdated: formatDate(new Date('December 6, 2024')),
+  },
+  {
+    id: '2',
+    indicatorName: 'DHSC',
+    latestDataPeriod: '2022',
+    dataSource: 'Student article',
+    lastUpdated: formatDate(new Date('November 5, 2023')),
+  },
+];
+
+function formatDate(date: Date): string {
+  const day = String(date.getDate()).padStart(2, '0');
+  const month = date.toLocaleString('en-GB', { month: 'long' });
+  const year = date.getFullYear();
+
+  return `${day} ${month} ${year}`;
+}
+
+let searchService: SearchService;
+try {
+  searchService = new SearchService();
+} catch {
+  // Handle error
+}
+
+export const getSearchService = (): IndicatorSearch => {
+  return searchService
+    ? searchService
+    : {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        searchByIndicator(indicator: string): Promise<IndicatorSearchResult[]> {
+          return Promise.resolve(MOCK_DATA);
+        },
+      };
+};

frontend/fingertips-frontend/lib/search/searchService.ts

@@ -0,0 +1,62 @@
+import { IndicatorSearch, IndicatorSearchResult } from './searchResultData';
+import { AzureKeyCredential, SearchClient } from '@azure/search-documents';
+
+type Indicator = {
+  IID: string;
+  Descriptive: {
+    Name: string;
+    Definition: string;
+    DataSource: string;
+  };
+  DataChange: {
+    LastUploadedAt: string;
+  };
+};
+
+const getEnvironmentVariable = (name: string): string => {
+  return (
+    process.env[name] ??
+    (() => {
+      throw new Error(`Missing environment variable ${name}`);
+    })()
+  );
+};
+
+export class SearchService implements IndicatorSearch {
+  readonly searchClient: SearchClient<Indicator>;
+
+  constructor() {
+    const serviceName = getEnvironmentVariable('DHSC_AI_SEARCH_SERVICE_NAME');
+    const indexName = getEnvironmentVariable('DHSC_AI_SEARCH_INDEX_NAME');
+    const apiKey = getEnvironmentVariable('DHSC_AI_SEARCH_API_KEY');
+
+    this.searchClient = new SearchClient<Indicator>(
+      `https://${serviceName}.search.windows.net`,
+      indexName,
+      new AzureKeyCredential(apiKey)
+    );
+  }
+
+  async searchByIndicator(indicator: string): Promise<IndicatorSearchResult[]> {
+    const query = `/.*${indicator}.*/`;
+
+    const searchResponse = await this.searchClient.search(query, {
+      queryType: 'full',
+      searchFields: ['IID'],
+      includeTotalCount: true,
+    });
+
+    const results: IndicatorSearchResult[] = [];
+    for await (const result of searchResponse.results) {
+      results.push({
+        id: result?.document?.IID,
+        indicatorName: result?.document?.Descriptive?.Name,
+        latestDataPeriod: undefined,
+        dataSource: result.document?.Descriptive?.DataSource,
+        lastUpdated: result.document?.DataChange?.LastUploadedAt,
+      });
+    }
+
+    return results;
+  }
+}