Updates

Author: samwisekind

src/components/Tooltip/Tooltip.module.scss

@@ -1,7 +1,7 @@
 @import '../../scss/variables';
 
 $icon-size-large: 18px;
-$icon-size-small: 16px;
+$icon-size-small: 14px;
 
 $tooltip-spacing: 10px;
 

src/helpers/getBottlenoseDolphinCatalogue.spec.ts

@@ -133,6 +133,7 @@ describe('getCatalogueItem', () => {
         birthYear: null,
         age: null,
         sex: 'UNKNOWN',
+        totalCalves: null,
         leftDorsalFin: null,
         rightDorsalFin: null,
         otherImages: [],
@@ -160,6 +161,7 @@ describe('getCatalogueItem', () => {
           birthYear: 'mocked birth year',
           age: 'mocked age',
           sex: 'mocked sex',
+          totalCalves: 'mocked total calves',
           leftDorsalFin: 'mocked-left-dorsal-fin',
           rightDorsalFin: 'mocked-right-dorsal-fin',
           otherImages: ['mocked-other-image-1'],
@@ -204,6 +206,7 @@ describe('getCatalogueItem', () => {
         birthYear: 'mocked birth year',
         age: 'mocked age',
         sex: 'mocked sex',
+        totalCalves: 'mocked total calves',
         leftDorsalFin: 'mocked-left-dorsal-fin',
         rightDorsalFin: 'mocked-right-dorsal-fin',
         otherImages: ['mocked-other-image-1'],

src/helpers/getBottlenoseDolphinCatalogue.ts

@@ -122,6 +122,7 @@ const getCatalogueItem = async (
       birthYear: entry.fields?.birthYear ?? null,
       age: entry.fields.age ?? null,
       sex: entry.fields.sex ?? 'UNKNOWN',
+      totalCalves: entry.fields.totalCalves ?? null,
       leftDorsalFin: entry.fields?.leftDorsalFin ? flattenImageAssetFields(entry.fields.leftDorsalFin) : null,
       rightDorsalFin: entry.fields?.rightDorsalFin ? flattenImageAssetFields(entry.fields.rightDorsalFin) : null,
       otherImages: entry.fields.otherImages?.map((item) => flattenImageAssetFields(item as Asset)) ?? [],

src/helpers/types.ts

@@ -91,6 +91,7 @@ export type CatalogueBottlenoseDolphin = {
     birthYear: string | null,
     age: number | null,
     sex: 'UNKNOWN' | 'FEMALE' | 'MALE',
+    totalCalves: number | null,
     leftDorsalFin: FlattenedImage | null,
     rightDorsalFin: FlattenedImage | null,
     otherImages: Array<FlattenedImage> | [],
@@ -239,6 +240,7 @@ export type ContentTypeCatalogueBottlenoseDolphin = {
     age?: EntryFieldTypes.Integer,
     sex: EntryFieldTypes.Symbol<'UNKNOWN' | 'FEMALE' | 'MALE'>,
     mother?: EntryFieldTypes.EntryLink<ContentTypeCatalogueBottlenoseDolphin>,
+    totalCalves?: EntryFieldTypes.Integer,
     leftDorsalFin?: EntryFieldTypes.AssetLink,
     rightDorsalFin?: EntryFieldTypes.AssetLink,
     otherImages?: EntryFieldTypes.Array<EntryFieldTypes.AssetLink>,

src/pages/research/catalogues/bottlenose-dolphin/[slug].tsx

@@ -172,6 +172,7 @@ const Page: NextPage<PageProps> = ({
     birthYear,
     age,
     sex,
+    totalCalves,
     leftDorsalFin,
     rightDorsalFin,
     otherImages,
@@ -250,7 +251,7 @@ const Page: NextPage<PageProps> = ({
               </li>
               <li className={[styles['info-item-wide'], styles['info-item-calves']].join(' ')}>
                 <b>Total Number Of Calves</b>
-                <Unknown />
+                {totalCalves ? totalCalves : <Unknown />}
                 <Tooltip text="Combined number of known calves across the CRRU and AULFS catalogues" />
               </li>