feat: add disclaimer to indicate approximate numbers

interfaces/IBF-dashboard/src/app/components/disclaimer-approximate/disclaimer-approximate.component.html

@@ -0,0 +1,8 @@
+<ion-item class="ion-margin-vertical" lines="none">
+  <ion-thumbnail slot="start">
+    <ion-img src="assets/icons/source-info-grey.svg"></ion-img>
+  </ion-thumbnail>
+  <ion-label class="ion-text-wrap" color="fiveten-neutral-700">
+    {{ 'disclaimer-approximate-component.message' | translate }}
+  </ion-label>
+</ion-item>

interfaces/IBF-dashboard/src/app/components/disclaimer-approximate/disclaimer-approximate.component.scss

@@ -0,0 +1,8 @@
+ion-item {
+  ion-thumbnail {
+    --size: 1rem;
+  }
+  ion-label {
+    font-size: 0.75rem;
+  }
+}

interfaces/IBF-dashboard/src/app/components/disclaimer-approximate/disclaimer-approximate.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DisclaimerApproximateComponent } from './disclaimer-approximate.component';
+
+describe('DisclaimerApproximateComponent', () => {
+  let component: DisclaimerApproximateComponent;
+  let fixture: ComponentFixture<DisclaimerApproximateComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [DisclaimerApproximateComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(DisclaimerApproximateComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

interfaces/IBF-dashboard/src/app/components/disclaimer-approximate/disclaimer-approximate.component.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-disclaimer-approximate',
+  templateUrl: './disclaimer-approximate.component.html',
+  styleUrls: ['./disclaimer-approximate.component.scss'],
+})
+export class DisclaimerApproximateComponent {}

interfaces/IBF-dashboard/src/app/pages/dashboard/dashboard.page.html

@@ -139,7 +139,7 @@
             >
               <ion-content>
                 <ion-grid
-                  class="ibf-dashboard-right-column-left-sub-column-grid ion-justify-content-between ion-no-padding"
+                  class="ibf-dashboard-right-column-left-sub-column-grid ion-no-padding"
                 >
                   <ion-row>
                     <ion-col>
@@ -150,6 +150,11 @@
                     </ion-col>
                   </ion-row>
                   <ion-row>
+                    <ion-col>
+                      <app-disclaimer-approximate></app-disclaimer-approximate>
+                    </ion-col>
+                  </ion-row>
+                  <ion-row class="margin-top-auto">
                     <ion-col>
                       <app-areas-of-focus-summary></app-areas-of-focus-summary>
                     </ion-col>

interfaces/IBF-dashboard/src/app/shared.module.ts

@@ -49,6 +49,7 @@ import { TooltipComponent } from './components/tooltip/tooltip.component';
 import { UserStateComponent } from './components/user-state/user-state.component';
 import { BackendMockScenarioComponent } from './mocks/backend-mock-scenario-component/backend-mock-scenario.component';
 import { CompactPipe } from './pipes/compact.pipe';
+import { DisclaimerApproximateComponent } from './components/disclaimer-approximate/disclaimer-approximate.component';
 
 @NgModule({
   imports: [
@@ -104,6 +105,7 @@ import { CompactPipe } from './pipes/compact.pipe';
     DynamicPointPopupComponent,
     TyphoonTrackpointPopupContentComponent,
     GlofasStationPopupContentComponent,
+    DisclaimerApproximateComponent,
   ],
   exports: [
     AboutBtnComponent,
@@ -149,6 +151,7 @@ import { CompactPipe } from './pipes/compact.pipe';
     DynamicPointPopupComponent,
     TyphoonTrackpointPopupContentComponent,
     GlofasStationPopupContentComponent,
+    DisclaimerApproximateComponent,
   ],
 })
 export class SharedModule {}

interfaces/IBF-dashboard/src/assets/i18n/en.json

@@ -71,6 +71,9 @@
     "plural-suffix": "(s)",
     "not-applicable": "N/A"
   },
+  "disclaimer-approximate-component": {
+    "message": "All numbers are approximate and meant to be used as guidance."
+  },
   "areas-of-focus-summary-component": {
     "title": "Actions Summary",
     "aof-subtitle": "Sector",

interfaces/IBF-dashboard/src/global.scss

@@ -310,3 +310,7 @@ app-tooltip {
     }
   }
 }
+
+.margin-top-auto {
+  margin-top: auto;
+}