code merge

the-deep · Dec 5, 2023 · 2283b1b · 2283b1b
1 parent f7922c7
commit 2283b1b
Show file tree

Hide file tree

Showing 10 changed files with 2,068 additions and 45,623 deletions.
diff --git a/lib/package.json b/lib/package.json
@@ -36,7 +36,8 @@
     },
     "homepage": "https://github.com/the-deep/reporting-module-map-vizzard#readme",
     "dependencies": {
-        "@babel/runtime-corejs3": "^7.22.3"
+        "@babel/runtime-corejs3": "^7.22.3",
+        "@rollup/plugin-image": "^3.0.3"
     },
     "peerDependencies": {
         "react": "^18.2.0",

diff --git a/lib/rollup.config.js b/lib/rollup.config.js
@@ -4,8 +4,8 @@ import commonjs from '@rollup/plugin-commonjs';
 import postcss from 'rollup-plugin-postcss';
 import filesize from 'rollup-plugin-filesize';
 import eslint from '@rollup/plugin-eslint';
+import image from '@rollup/plugin-image';
 // import copy from 'rollup-plugin-copy';
-
 import postcssPresetEnv from 'postcss-preset-env';
 import postcssNested from 'postcss-nested';
 import postcssNormalize from 'postcss-normalize';
@@ -43,6 +43,7 @@ const PLUGINS = [
     }),
     commonjs(),
     filesize(),
+    image(),
     /*
     copy({
         targets: [

diff --git a/lib/src/KPIs/index.tsx b/lib/src/KPIs/index.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import styles from './styles.module.css';
+import externalLink from './external-link.svg';
 
 export interface Props {
     data: {
@@ -11,6 +12,7 @@ export interface Props {
             source: string;
             backgroundColor: string;
             color: string;
+            url: string;
         }[],
     },
 }
@@ -20,6 +22,7 @@ function KPIs({ data }: Props) {
         <div
             // FIXME: Add key
             className={styles.item}
+            key={`${d.title}${d.value}`}
             style={{ backgroundColor: d.backgroundColor, color: d.color }}
         >
             <div className={styles.title}>
@@ -36,7 +39,10 @@ function KPIs({ data }: Props) {
                     {d.date}
                 </div>
                 <div className={styles.source}>
-                    {d.source}
+                    <a href={d.url} target="_blank" rel="noreferrer">
+                        <img className="kpi_external_link" src={externalLink} alt="Link to data souce" />
+                        {d.source}
+                    </a>
                 </div>
             </div>
         </div>

diff --git a/lib/src/declarations/css.d.ts b/lib/src/declarations/css.d.ts
@@ -2,3 +2,5 @@ declare module '*.css' {
     const content: {[className: string]: string};
     export default content;
 }
+
+declare module '*.svg';