MMI-3263 Fix front page images (bcgov#2459)

Author: Fosol

app/editor/.yarn/cache/tno-core-npm-1.0.15-e6f529dcb7-6afb49b193.zip

@@ -60,7 +60,7 @@
     "redux-logger": "3.0.6",
     "styled-components": "6.1.11",
     "stylis": "4.3.2",
-    "tno-core": "1.0.13"
+    "tno-core": "1.0.15"
   },
   "devDependencies": {
     "@simbathesailor/use-what-changed": "2.0.0",

app/editor/package.json

@@ -12209,7 +12209,7 @@ __metadata:
     sass-extract-loader: 1.1.0
     styled-components: 6.1.11
     stylis: 4.3.2
-    tno-core: 1.0.13
+    tno-core: 1.0.15
     typescript: 4.9.5
     vitest: 3.0.7
   languageName: unknown
@@ -16674,9 +16674,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tno-core@npm:1.0.13":
-  version: 1.0.13
-  resolution: "tno-core@npm:1.0.13"
+"tno-core@npm:1.0.15":
+  version: 1.0.15
+  resolution: "tno-core@npm:1.0.15"
   dependencies:
     "@elastic/elasticsearch": ^8.13.1
     "@fortawesome/free-solid-svg-icons": ^6.4.2
@@ -16709,7 +16709,7 @@ __metadata:
     styled-components: ^6.1.11
     stylis: ^4.3.2
     yup: ^1.1.1
-  checksum: 330aaa3f739466b24b7f201ef665024de2355240bc9e3615054df3af6fc22caed0290acb99efa1288698fadd1d22c6700901f44836ad3e459fb976c6a935bb1c
+  checksum: 6afb49b193fdd9553e3c625846af61fa20f7ef8475dad175ce841652159416fff2802881e069595084c2f6d81ace0bc31a64de8ce980637047c2973927baaa99
   languageName: node
   linkType: hard
 

app/editor/yarn.lock

@@ -45,7 +45,7 @@
     "sheetjs": "file:packages/xlsx-0.20.1.tgz",
     "styled-components": "6.1.11",
     "stylis": "4.3.2",
-    "tno-core": "1.0.13"
+    "tno-core": "1.0.15"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "6.6.3",

app/subscriber/.yarn/cache/tno-core-npm-1.0.15-e6f529dcb7-6afb49b193.zip

@@ -14,6 +14,8 @@ interface IFrontPageGallery extends React.HTMLAttributes<HTMLDivElement> {
 interface IImage {
   url: string;
   id: number;
+  contentId: number;
+  alt: string;
 }
 
 export const FrontPageGallery: React.FC<IFrontPageGallery> = ({ frontpages }) => {
@@ -26,8 +28,13 @@ export const FrontPageGallery: React.FC<IFrontPageGallery> = ({ frontpages }) =>
       frontpages
         .filter((fp) => fp.fileReferences?.length)
         .map(async (fp) => {
-          const result = await stream(fp.fileReferences![0].path);
-          return { url: result, id: fp.id };
+          const fr = fp.fileReferences[0];
+          return {
+            url: await stream(fr.path),
+            id: fr.id,
+            alt: fp.headline,
+            contentId: fp.id,
+          };
         }),
     );
     srcUrls.then((results) => setSrcUrls(results));
@@ -38,11 +45,11 @@ export const FrontPageGallery: React.FC<IFrontPageGallery> = ({ frontpages }) =>
       <Row justifyContent="center" className="content">
         {srcUrls.map((s) => (
           <img
-            key={s.url}
-            alt={`${s.id}`}
+            key={s.id}
+            alt={`${s.alt}`}
             className="front-page"
             src={s.url}
-            onClick={() => navigateAndScroll(`/view/${s.id}`)}
+            onClick={() => navigateAndScroll(`/view/${s.contentId}`)}
           />
         ))}
       </Row>

app/subscriber/package.json

@@ -3,7 +3,7 @@ import { DateFilter } from 'components/date-filter';
 import { FrontPageGallery } from 'components/front-page-gallery';
 import React from 'react';
 import { useApp, useContent, useSettings } from 'store/hooks';
-import { generateFilterQuery, IContentModel, IFilterSettingsModel, Loader } from 'tno-core';
+import { generateMustQuery, IContentModel, IFilterSettingsModel, Loader } from 'tno-core';
 
 import * as styled from './styled';
 
@@ -63,7 +63,7 @@ export const TodaysFrontPages: React.FC = () => {
         frontPageFilter?.startDate !== filter?.startDate ||
         frontPageFilter?.endDate !== filter?.endDate)
     ) {
-      fetchResults(generateFilterQuery(frontPageFilter)).catch(() => {});
+      fetchResults(generateMustQuery(frontPageFilter)).catch(() => {});
       setFilter(frontPageFilter);
     }
   }, [fetchResults, filter?.dateOffset, filter?.endDate, filter?.startDate, frontPageFilter]);

app/subscriber/src/components/front-page-gallery/FrontPageGallery.tsx

@@ -12029,7 +12029,7 @@ __metadata:
     sheetjs: "file:packages/xlsx-0.20.1.tgz"
     styled-components: 6.1.11
     stylis: 4.3.2
-    tno-core: 1.0.13
+    tno-core: 1.0.15
     typescript: 4.9.5
     vitest: 3.0.7
   languageName: unknown
@@ -16367,9 +16367,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tno-core@npm:1.0.13":
-  version: 1.0.13
-  resolution: "tno-core@npm:1.0.13"
+"tno-core@npm:1.0.15":
+  version: 1.0.15
+  resolution: "tno-core@npm:1.0.15"
   dependencies:
     "@elastic/elasticsearch": ^8.13.1
     "@fortawesome/free-solid-svg-icons": ^6.4.2
@@ -16402,7 +16402,7 @@ __metadata:
     styled-components: ^6.1.11
     stylis: ^4.3.2
     yup: ^1.1.1
-  checksum: 330aaa3f739466b24b7f201ef665024de2355240bc9e3615054df3af6fc22caed0290acb99efa1288698fadd1d22c6700901f44836ad3e459fb976c6a935bb1c
+  checksum: 6afb49b193fdd9553e3c625846af61fa20f7ef8475dad175ce841652159416fff2802881e069595084c2f6d81ace0bc31a64de8ce980637047c2973927baaa99
   languageName: node
   linkType: hard
 

app/subscriber/src/features/todays-front-pages/TodaysFrontPages.tsx

@@ -1,7 +1,7 @@
 {
   "name": "tno-core",
   "description": "TNO shared library",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "homepage": "https://github.com/bcgov/tno",
   "license": "Apache-2.0",
   "files": [

app/subscriber/yarn.lock

@@ -1,6 +1,7 @@
 import { IAuditColumnsModel } from './IAuditColumnsModel';
 
 export interface IFileReferenceModel extends IAuditColumnsModel {
+  id: number;
   contentId: number;
   contentType: string;
   fileName: string;