Consolidate Errata type definition

Author: RoyEJohnson

src/app/helpers/errata.ts

@@ -2,19 +2,21 @@ import {useState, useEffect} from 'react';
 import bookPromise, {Item} from '~/models/book-titles';
 
 export type Errata = {
-    id: number;
+    id: string;
     status: string;
     resolution: string;
     reviewedDate: string | null;
     correctedDate: string | null;
     created: string;
+    modified: string;
     book: Item['id'];
     location?: string;
     additionalLocationInformation?: string;
     resource: string;
     resourceOther: string;
-    errorType: unknown;
-    detail: unknown;
+    errorType: string;
+    errorTypeOther?: string;
+    detail: string;
     resolutionNotes: string;
 };
 

src/app/pages/errata-summary/errata-summary.tsx

@@ -1,12 +1,13 @@
 import React, {useState} from 'react';
 import Hero from './hero/hero';
 import {RadioPanel} from '~/components/radio-panel/radio-panel';
-import Table, {RawErrataItem} from './table/table';
+import Table from './table/table';
 import LoaderPage from '~/components/jsx-helpers/loader-page';
+import type {Errata} from '~/helpers/errata';
 import './errata-summary.scss';
 
 type ErrataSummaryProps = {
-    data: RawErrataItem[];
+    data: Errata[];
     book: string;
 };
 

src/app/pages/errata-summary/table/table.tsx

@@ -3,19 +3,6 @@ import {treatSpaceOrEnterAsClick} from '~/helpers/events';
 import {getDisplayStatus, Errata} from '~/helpers/errata';
 import './table.scss';
 
-export type RawErrataItem = Errata & {
-    id: string;
-    created: string;
-    resource: string;
-    resourceOther?: string;
-    errorType: string;
-    errorTypeOther?: string;
-    location: string;
-    additionalLocationInformation?: string;
-    detail: string;
-    modified: string;
-};
-
 type ProcessedErrataItem = {
     date: string;
     source: string;
@@ -67,7 +54,7 @@ type MobileTablesProps = {
 };
 
 type TableProps = {
-    data: RawErrataItem[];
+    data: Errata[];
     filter: string;
 };
 
@@ -327,7 +314,7 @@ function matchesFilter(filter: string, item: ProcessedErrataItem): boolean {
 export default function Table({data, filter}: TableProps): React.ReactElement {
     const details: ProcessedErrataItem[] = React.useMemo(
         () => data.map(
-            (item: RawErrataItem): ProcessedErrataItem => {
+            (item: Errata): ProcessedErrataItem => {
                 const displayStatus = getDisplayStatus(item);
 
                 return {

test/src/helpers/errata.test.tsx

@@ -3,7 +3,8 @@ import {render, screen} from '@testing-library/preact';
 import {
     approvedStatuses,
     getDisplayStatus,
-    useErrataDetail
+    useErrataDetail,
+    Errata
 } from '~/helpers/errata';
 
 describe('errata helpers', () => {
@@ -38,7 +39,7 @@ describe('errata helpers', () => {
     describe('useErrataDetail', () => {
         function Component() {
             const detail = useErrataDetail({
-                id: 1,
+                id: '1',
                 resource: 'Other',
                 reviewedDate: '2025-02-06',
                 correctedDate: null,
@@ -50,7 +51,7 @@ describe('errata helpers', () => {
                 created: '2000-01-01',
                 detail: '',
                 errorType: ''
-            });
+            } as unknown as Errata);
 
             return (
                 <div>