feat(menu): add feedback link (#858)

ubilabs · Mar 16, 2021 · 507e9fc · 507e9fc
1 parent 29048ac
commit 507e9fc
Show file tree

Hide file tree

Showing 8 changed files with 51 additions and 16 deletions.
diff --git a/i18n/de.json b/i18n/de.json
@@ -46,9 +46,11 @@
   "resetFilters": "Filter löschen",
   "projectDescription": "# About the project\n\nThe European Space Agency (ESA) [Climate Change Initiative (CCI)](https://climate.esa.int/) programme aims to provide stable, long-term, satellite-based Essential Climate Variable (ECV) data products to the scientific community and general public. Based on Earth Observation (EO) archives that ESA together with its member states have established over the last 30 years, the CCI programme adds significant and timely contributions to the ECV databases required by United Nations Framework Convention on Climate Change ([UNFCCC](https://unfccc.int/)).\n\nESA's Climate Change initiative is organised in different themes:\n- Development of Essential Climate Variables\n- Cross-ECV scientific exploitation of the data products\n- Knowledge Exchange\n\nThe objective for Knowledge Exchange activities within CCI is to maximise awareness, access, use\nand understanding of satellite data for climate research with an emphasis on promoting the CCI\nProgramme as a whole.\n\nThe role of the Climate from Space application (this application) within those objectives is to increase the visibility of the CCI programme and the role of ESA satellite data in climate science. It addresses a general public and educational audience as well as representing ESA climate office at exhibition environments.",
   "attributionDescription": "# Credits\n\n## Software Development\n[Ubilabs GmbH](https://ubilabs.net/)\n\nTeam:  \nKatherina Marcenko  \nPhilipp Wambach  \nMalte Modrow  \nElena Menzel  \nMirko Hamann  \nMartin Kleppe  \nJens Wille  \nPatrick Mast  \n\n## Story Content\nproduced by Planetary Visions  \n[www.planetaryvisions.com](http://planetaryvisions.com/) \n\nProducer: Philip Eales  \nWriters: Fulvio Marelli, Catherine Fitzsimons, Philip Eales  \nAnimation: David Jacobs, Andrew Wayne  \nInterviews: Kelsea Brennen-Wessels, Robert Meisner  \nESA Project Management: Sophie Hebden, Ed Pechorro, Susanne Mecklenburg  \nESA Climate Office, ESA-ECSAT, Harwell, UK  \n\nWith thanks to the CCI science teams.\n\n\n## Pictures\n\nPicture sources are credited in their captions.  \nStory opening pictures are from:\n\nPlanetary Heat Pumps: Andrew Price  \nIs Ozone Good or Bad?: NASA-JSC  \nBreaking the Ice: ESA  \nA Country Under Threat: Museon  \nBiodiversity and Habitat Loss: Thinkstock  \nTaking the Pulse of the Planet: ESA  \n\nBackground maps Copyright © 2020 Planetary Visions Limited, based on: GMTED2010 digital terrain  \n(USGS/NGA), HydroSHEDS rivers (USGS), ESA CCI Land Cover water bodies, permanent snow and  \nice (UCL), Natural Earth international boundaries and coastline (naturalearthdata.com).",
-  "tracking.message":"Diese Website verwendet Cookies um Ergebnisse zu messen und um zu verstehen, woher unsere Besucher kommen oder um unsere Website weiter zu entwickeln.",
-  "tracking.yes":"Akzeptieren",
-  "tracking.no":"Nicht tracken",
+  "tracking.message": "Diese Website verwendet Cookies um Ergebnisse zu messen und um zu verstehen, woher unsere Besucher kommen oder um unsere Website weiter zu entwickeln.",
+  "tracking.yes": "Akzeptieren",
+  "tracking.no": "Nicht tracken",
+  "feedback": "Feedback",
+  "provideFeedback": "Feedback geben",
   "tags.sea-surface-temperature": "Meeresoberflächentemperatur",
   "tags.sea-ice": "Meereis",
   "tags.ocean-colour": "Ozean Farbe",

diff --git a/i18n/en.json b/i18n/en.json
@@ -46,9 +46,11 @@
   "resetFilters": "Reset Filters",
   "projectDescription": "# About the project\n\nThe European Space Agency (ESA) [Climate Change Initiative (CCI)](https://climate.esa.int/) programme aims to provide stable, long-term, satellite-based Essential Climate Variable (ECV) data products to the scientific community and general public. Based on Earth Observation (EO) archives that ESA together with its member states have established over the last 30 years, the CCI programme adds significant and timely contributions to the ECV databases required by United Nations Framework Convention on Climate Change ([UNFCCC](https://unfccc.int/)).\n\nESA's Climate Change initiative is organised in different themes:\n- Development of Essential Climate Variables\n- Cross-ECV scientific exploitation of the data products\n- Knowledge Exchange\n\nThe objective for Knowledge Exchange activities within CCI is to maximise awareness, access, use\nand understanding of satellite data for climate research with an emphasis on promoting the CCI\nProgramme as a whole.\n\nThe role of the Climate from Space application (this application) within those objectives is to increase the visibility of the CCI programme and the role of ESA satellite data in climate science. It addresses a general public and educational audience as well as representing ESA climate office at exhibition environments.",
   "attributionDescription": "# Credits\n\n## Software Development\n[Ubilabs GmbH](https://ubilabs.net/)\n\nTeam:  \nKatherina Marcenko  \nPhilipp Wambach  \nMalte Modrow  \nElena Menzel  \nMirko Hamann  \nMartin Kleppe  \nJens Wille  \nPatrick Mast  \n\n## Story Content\nproduced by Planetary Visions  \n[www.planetaryvisions.com](http://planetaryvisions.com/) \n\nProducer: Philip Eales  \nWriters: Fulvio Marelli, Catherine Fitzsimons, Philip Eales  \nAnimation: David Jacobs, Andrew Wayne  \nInterviews: Kelsea Brennen-Wessels, Robert Meisner  \nESA Project Management: Sophie Hebden, Ed Pechorro, Susanne Mecklenburg  \nESA Climate Office, ESA-ECSAT, Harwell, UK  \n\nWith thanks to the CCI science teams.\n\n\n## Pictures\n\nPicture sources are credited in their captions.  \nStory opening pictures are from:\n\nPlanetary Heat Pumps: Andrew Price  \nIs Ozone Good or Bad?: NASA-JSC  \nBreaking the Ice: ESA  \nA Country Under Threat: Museon  \nBiodiversity and Habitat Loss: Thinkstock  \nTaking the Pulse of the Planet: ESA  \n\nBackground maps Copyright © 2020 Planetary Visions Limited, based on: GMTED2010 digital terrain  \n(USGS/NGA), HydroSHEDS rivers (USGS), ESA CCI Land Cover water bodies, permanent snow and  \nice (UCL), Natural Earth international boundaries and coastline (naturalearthdata.com).",
-  "tracking.message":"We use cookies and other tracking technologies to analyse our website traffic, and to understand where our visitors are coming from. By browsing our website, you consent to our use of cookies and other tracking technologies.",
-  "tracking.yes":"Accept",
-  "tracking.no":"Don't track",
+  "tracking.message": "We use cookies and other tracking technologies to analyse our website traffic, and to understand where our visitors are coming from. By browsing our website, you consent to our use of cookies and other tracking technologies.",
+  "tracking.yes": "Accept",
+  "tracking.no": "Don't track",
+  "feedback": "Feedback",
+  "provideFeedback": "Provide feedback",
   "tags.sea-surface-temperature": "Sea Surface Temperature",
   "tags.sea-ice": "Sea Ice",
   "tags.ocean-colour": "Ocean Colour",

diff --git a/i18n/es.json b/i18n/es.json
@@ -46,9 +46,11 @@
   "resetFilters": "Restablecer filtros",
   "projectDescription": "# About the project\n\nThe European Space Agency (ESA) [Climate Change Initiative (CCI)](https://climate.esa.int/) programme aims to provide stable, long-term, satellite-based Essential Climate Variable (ECV) data products to the scientific community and general public. Based on Earth Observation (EO) archives that ESA together with its member states have established over the last 30 years, the CCI programme adds significant and timely contributions to the ECV databases required by United Nations Framework Convention on Climate Change ([UNFCCC](https://unfccc.int/)).\n\nESA's Climate Change initiative is organised in different themes:\n- Development of Essential Climate Variables\n- Cross-ECV scientific exploitation of the data products\n- Knowledge Exchange\n\nThe objective for Knowledge Exchange activities within CCI is to maximise awareness, access, use\nand understanding of satellite data for climate research with an emphasis on promoting the CCI\nProgramme as a whole.\n\nThe role of the Climate from Space application (this application) within those objectives is to increase the visibility of the CCI programme and the role of ESA satellite data in climate science. It addresses a general public and educational audience as well as representing ESA climate office at exhibition environments.",
   "attributionDescription": "# Credits\n\n## Software Development\n[Ubilabs GmbH](https://ubilabs.net/)\n\nTeam:  \nKatherina Marcenko  \nPhilipp Wambach  \nMalte Modrow  \nElena Menzel  \nMirko Hamann  \nMartin Kleppe  \nJens Wille  \nPatrick Mast  \n\n## Story Content\nproduced by Planetary Visions  \n[www.planetaryvisions.com](http://planetaryvisions.com/) \n\nProducer: Philip Eales  \nWriters: Fulvio Marelli, Catherine Fitzsimons, Philip Eales  \nAnimation: David Jacobs, Andrew Wayne  \nInterviews: Kelsea Brennen-Wessels, Robert Meisner  \nESA Project Management: Sophie Hebden, Ed Pechorro, Susanne Mecklenburg  \nESA Climate Office, ESA-ECSAT, Harwell, UK  \n\nWith thanks to the CCI science teams.\n\n\n## Pictures\n\nPicture sources are credited in their captions.  \nStory opening pictures are from:\n\nPlanetary Heat Pumps: Andrew Price  \nIs Ozone Good or Bad?: NASA-JSC  \nBreaking the Ice: ESA  \nA Country Under Threat: Museon  \nBiodiversity and Habitat Loss: Thinkstock  \nTaking the Pulse of the Planet: ESA  \n\nBackground maps Copyright © 2020 Planetary Visions Limited, based on: GMTED2010 digital terrain  \n(USGS/NGA), HydroSHEDS rivers (USGS), ESA CCI Land Cover water bodies, permanent snow and  \nice (UCL), Natural Earth international boundaries and coastline (naturalearthdata.com).",
-  "tracking.message":"Usamos cookies para analizar el tráfico en nuestra web y para comprender de donde llegan nuestros visitantes.",
-  "tracking.yes":"Aceptar",
-  "tracking.no":"No Rastrear",
+  "tracking.message": "Usamos cookies para analizar el tráfico en nuestra web y para comprender de donde llegan nuestros visitantes.",
+  "tracking.yes": "Aceptar",
+  "tracking.no": "No Rastrear",
+  "feedback": "Feedback",
+  "provideFeedback": "Danos tu opinión",
   "tags.sea-surface-temperature": "Temperatura de la superficie del mar",
   "tags.sea-ice": "Hielo marino",
   "tags.ocean-colour": "Color del océano",

diff --git a/i18n/fr.json b/i18n/fr.json
@@ -46,9 +46,11 @@
   "resetFilters": "Réinitialiser les filtres",
   "projectDescription": "# About the project\n\nThe European Space Agency (ESA) [Climate Change Initiative (CCI)](https://climate.esa.int/) programme aims to provide stable, long-term, satellite-based Essential Climate Variable (ECV) data products to the scientific community and general public. Based on Earth Observation (EO) archives that ESA together with its member states have established over the last 30 years, the CCI programme adds significant and timely contributions to the ECV databases required by United Nations Framework Convention on Climate Change ([UNFCCC](https://unfccc.int/)).\n\nESA's Climate Change initiative is organised in different themes:\n- Development of Essential Climate Variables\n- Cross-ECV scientific exploitation of the data products\n- Knowledge Exchange\n\nThe objective for Knowledge Exchange activities within CCI is to maximise awareness, access, use\nand understanding of satellite data for climate research with an emphasis on promoting the CCI\nProgramme as a whole.\n\nThe role of the Climate from Space application (this application) within those objectives is to increase the visibility of the CCI programme and the role of ESA satellite data in climate science. It addresses a general public and educational audience as well as representing ESA climate office at exhibition environments.",
   "attributionDescription": "# Credits\n\n## Software Development\n[Ubilabs GmbH](https://ubilabs.net/)\n\nTeam:  \nKatherina Marcenko  \nPhilipp Wambach  \nMalte Modrow  \nElena Menzel  \nMirko Hamann  \nMartin Kleppe  \nJens Wille  \nPatrick Mast  \n\n## Story Content\nproduced by Planetary Visions  \n[www.planetaryvisions.com](http://planetaryvisions.com/) \n\nProducer: Philip Eales  \nWriters: Fulvio Marelli, Catherine Fitzsimons, Philip Eales  \nAnimation: David Jacobs, Andrew Wayne  \nInterviews: Kelsea Brennen-Wessels, Robert Meisner  \nESA Project Management: Sophie Hebden, Ed Pechorro, Susanne Mecklenburg  \nESA Climate Office, ESA-ECSAT, Harwell, UK  \n\nWith thanks to the CCI science teams.\n\n\n## Pictures\n\nPicture sources are credited in their captions.  \nStory opening pictures are from:\n\nPlanetary Heat Pumps: Andrew Price  \nIs Ozone Good or Bad?: NASA-JSC  \nBreaking the Ice: ESA  \nA Country Under Threat: Museon  \nBiodiversity and Habitat Loss: Thinkstock  \nTaking the Pulse of the Planet: ESA  \n\nBackground maps Copyright © 2020 Planetary Visions Limited, based on: GMTED2010 digital terrain  \n(USGS/NGA), HydroSHEDS rivers (USGS), ESA CCI Land Cover water bodies, permanent snow and  \nice (UCL), Natural Earth international boundaries and coastline (naturalearthdata.com).",
-  "tracking.message":"Nous utilisons des cookies de suivi pour analyser le trafic de notre site et pour comprendre la provenance de nos visiteurs.",
-  "tracking.yes":"J'accepte",
-  "tracking.no":"Ne pas suivre",
+  "tracking.message": "Nous utilisons des cookies de suivi pour analyser le trafic de notre site et pour comprendre la provenance de nos visiteurs.",
+  "tracking.yes": "J'accepte",
+  "tracking.no": "Ne pas suivre",
+  "feedback": "Feedback",
+  "provideFeedback": "Donner un feedback",
   "tags.sea-surface-temperature": "Température de surface de la mer",
   "tags.sea-ice": "Glace de mer",
   "tags.ocean-colour": "Couleur des océans",

diff --git a/i18n/nl.json b/i18n/nl.json
@@ -46,9 +46,11 @@
   "resetFilters": "Filters wissen",
   "projectDescription": "# About the project\n\nThe European Space Agency (ESA) [Climate Change Initiative (CCI)](https://climate.esa.int/) programme aims to provide stable, long-term, satellite-based Essential Climate Variable (ECV) data products to the scientific community and general public. Based on Earth Observation (EO) archives that ESA together with its member states have established over the last 30 years, the CCI programme adds significant and timely contributions to the ECV databases required by United Nations Framework Convention on Climate Change ([UNFCCC](https://unfccc.int/)).\n\nESA's Climate Change initiative is organised in different themes:\n- Development of Essential Climate Variables\n- Cross-ECV scientific exploitation of the data products\n- Knowledge Exchange\n\nThe objective for Knowledge Exchange activities within CCI is to maximise awareness, access, use\nand understanding of satellite data for climate research with an emphasis on promoting the CCI\nProgramme as a whole.\n\nThe role of the Climate from Space application (this application) within those objectives is to increase the visibility of the CCI programme and the role of ESA satellite data in climate science. It addresses a general public and educational audience as well as representing ESA climate office at exhibition environments.",
   "attributionDescription": "# Credits\n\n## Software Development\n[Ubilabs GmbH](https://ubilabs.net/)\n\nTeam:  \nKatherina Marcenko  \nPhilipp Wambach  \nMalte Modrow  \nElena Menzel  \nMirko Hamann  \nMartin Kleppe  \nJens Wille  \nPatrick Mast  \n\n## Story Content\nproduced by Planetary Visions  \n[www.planetaryvisions.com](http://planetaryvisions.com/) \n\nProducer: Philip Eales  \nWriters: Fulvio Marelli, Catherine Fitzsimons, Philip Eales  \nAnimation: David Jacobs, Andrew Wayne  \nInterviews: Kelsea Brennen-Wessels, Robert Meisner  \nESA Project Management: Sophie Hebden, Ed Pechorro, Susanne Mecklenburg  \nESA Climate Office, ESA-ECSAT, Harwell, UK  \n\nWith thanks to the CCI science teams.\n\n\n## Pictures\n\nPicture sources are credited in their captions.  \nStory opening pictures are from:\n\nPlanetary Heat Pumps: Andrew Price  \nIs Ozone Good or Bad?: NASA-JSC  \nBreaking the Ice: ESA  \nA Country Under Threat: Museon  \nBiodiversity and Habitat Loss: Thinkstock  \nTaking the Pulse of the Planet: ESA  \n\nBackground maps Copyright © 2020 Planetary Visions Limited, based on: GMTED2010 digital terrain  \n(USGS/NGA), HydroSHEDS rivers (USGS), ESA CCI Land Cover water bodies, permanent snow and  \nice (UCL), Natural Earth international boundaries and coastline (naturalearthdata.com).",
-  "tracking.message":"Wij maken gebruik van cookies om onze website trafiek te analyseren en om te begrijpen waar onze bezoekers vandaan komen.",
-  "tracking.yes":"Aanvaarden",
-  "tracking.no":"Niet volgen",
+  "tracking.message": "Wij maken gebruik van cookies om onze website trafiek te analyseren en om te begrijpen waar onze bezoekers vandaan komen.",
+  "tracking.yes": "Aanvaarden",
+  "tracking.no": "Niet volgen",
+  "feedback": "Feedback",
+  "provideFeedback": "Feedback geven",
   "tags.sea-surface-temperature": "Zeewateroppervlaktetemperatuur",
   "tags.sea-ice": "Zee-ijs",
   "tags.ocean-colour": "Oceaankleur",

diff --git a/src/scripts/components/main/icons/feedback-icon.tsx b/src/scripts/components/main/icons/feedback-icon.tsx
@@ -0,0 +1,11 @@
+import React, {FunctionComponent} from 'react';
+
+export const FeedbackIcon: FunctionComponent = () => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M6.68589 9.42857C5.85631 9.42857 5.18609 10.1946 5.18609 11.1429C5.18609 12.0911 5.85631 12.8571 6.68589 12.8571C7.51547 12.8571 8.1857 12.0911 8.1857 11.1429C8.1857 10.1946 7.51547 9.42857 6.68589 9.42857ZM11.9352 9.42857C11.1056 9.42857 10.4354 10.1946 10.4354 11.1429C10.4354 12.0911 11.1056 12.8571 11.9352 12.8571C12.7648 12.8571 13.435 12.0911 13.435 11.1429C13.435 10.1946 12.7648 9.42857 11.9352 9.42857ZM17.1845 9.42857C16.355 9.42857 15.6847 10.1946 15.6847 11.1429C15.6847 12.0911 16.355 12.8571 17.1845 12.8571C18.0141 12.8571 18.6843 12.0911 18.6843 11.1429C18.6843 10.1946 18.0141 9.42857 17.1845 9.42857ZM11.9352 0C5.30795 0 -0.0632346 4.9875 -0.0632346 11.1429C-0.0632346 13.6929 0.869457 16.0286 2.41613 17.9089C1.71778 20.0196 0.264848 21.8089 0.241413 21.8304C-0.0679215 22.2054 -0.152286 22.7518 0.0258164 23.2232C0.203918 23.6946 0.611678 24 1.06162 24C3.94406 24 6.2172 22.6232 7.58109 21.5196C8.9356 22.0071 10.3979 22.2857 11.9352 22.2857C18.5625 22.2857 23.9337 17.2982 23.9337 11.1429C23.9337 4.9875 18.5625 0 11.9352 0ZM11.9352 19.7143C10.6838 19.7143 9.44647 19.4946 8.26069 19.0661L7.19676 18.6804L6.28282 19.4196C5.61259 19.9607 4.69396 20.5661 3.58785 20.9732C3.93 20.325 4.26277 19.5964 4.52055 18.8196L5.01736 17.3143L4.05186 16.1464C3.20353 15.1125 2.18647 13.4036 2.18647 11.1429C2.18647 6.41786 6.55935 2.57143 11.9352 2.57143C17.3111 2.57143 21.6839 6.41786 21.6839 11.1429C21.6839 15.8679 17.3111 19.7143 11.9352 19.7143Z" />
+  </svg>
+);
diff --git a/src/scripts/components/main/menu/menu.tsx b/src/scripts/components/main/menu/menu.tsx
@@ -18,6 +18,7 @@ import config from '../../../config/main';
 import {Ubilabslogo} from '../icons/ubilabs-logo';
 import Attributions from '../attributions/attributions';
 import TrackingToggle from '../tracking-toggle/tracking-toggle';
+import {FeedbackIcon} from '../icons/feedback-icon';
 
 import styles from './menu.styl';
 
@@ -95,6 +96,18 @@ const Menu: FunctionComponent = () => {
               <li>
                 <LanguageSelector className={styles.menuListItem} />
               </li>
+              <li className={styles.subMenuTitle}>
+                <FeedbackIcon /> <FormattedMessage id={'feedback'} />
+              </li>
+              <li className={styles.menuListItem}>
+                <a
+                  href={config.feedbackUrl}
+                  target={'_blank'}
+                  rel="noopener noreferrer"
+                  className={styles.menuButton}>
+                  <FormattedMessage id={'provideFeedback'} />
+                </a>
+              </li>
             </ul>
             <ul className={styles.menuList}>
               <li className={styles.menuItemTitle}>

diff --git a/src/scripts/config/main.ts b/src/scripts/config/main.ts
@@ -89,5 +89,6 @@ export default {
   legendImage: `${baseUrlTiles}/{id}/legend.png`,
   downloadUrls,
   localStorageLanguageKey: 'language',
-  delay: 5000
+  delay: 5000,
+  feedbackUrl: 'https://climate.esa.int/en/helpdesk/'
 };