diff --git a/messages/en/components.json b/messages/en/components.json index 6acb05e80..e630857f1 100644 --- a/messages/en/components.json +++ b/messages/en/components.json @@ -26,7 +26,17 @@ "intro": "There are alternatives to salmon in our way of eating, selling, and producing.", "content": "France, located in the top 3 of the largest consumers of salmon in the world, bears a particular responsibility in guiding practices.", "act": "To reverse the trend and stop the disaster, urgent action is needed. We have levers for action!", - "link": "We act" + "link": "We act", + "source": "", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/numbers_salmons_farmed_1.0.csv", + "artifact": "numbers_salmons_farmed_1.0.csv" + }, + "metaItem": { + "source": "Main source", + "methodology": "Methodology", + "image": "Image", + "data": "Data", + "document": "PDF" } } } diff --git a/messages/en/pages/dashboard.json b/messages/en/pages/dashboard.json index 264639d73..5339c925f 100644 --- a/messages/en/pages/dashboard.json +++ b/messages/en/pages/dashboard.json @@ -6,21 +6,33 @@ "title": "The numbers behind the story", "sections": { "intro": { - "title": "Introduction", + "title": "Macro trends", "blocks": { "salmon-collapse": { "title": "Wild Altantic salmon collapse", - "content": "

The Atlantic salmon was added to the IUCN Red List of Threatened Species in December 2023.

This is largely due to overfishing, habitat degradation, particularly caused by dams blocking migratory routes, as well as climate change altering their environments, impacting their growth and survival rates.

" + "content": "

The Atlantic salmon was added to the IUCN Red List of Threatened Species in December 2023.

This is largely due to overfishing, habitat degradation, particularly caused by dams blocking migratory routes, as well as climate change altering their environments, impacting their growth and survival rates.

", + "source": "", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/discrease_wild_salmon_1.1.csv", + "artifact": "discrease_wild_salmon_1.1.csv" }, "hyper-growth": { "title": "Hyper-growth in salmon farming", - "content": "

Salmon production has experienced unprecedented growth.

Nearly nonexistent 30 years ago, it surged to three million tons of salmon in 2021, equivalent to the farming and slaughtering of one billion salmon.

" + "content": "

Salmon production has experienced unprecedented growth.

Nearly nonexistent 30 years ago, it surged to three million tons of salmon in 2021, equivalent to the farming and slaughtering of one billion salmon.

", + "source": "", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/hyper_growth_salmon_farming_1.2.csv", + "artifact": "hyper_growth_salmon_farming_1.2.csv" }, "top-10": { "title": "Main countries producing farmed salmon", "content": "

Salmon require cold waters to grow, and thus production is concentrated in a few countries located far to the North or far to the South. Today, four countries alone account for 90% of the world's salmon production.

", + "source": "", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/top_10_countries_producing_1.3.csv", + "artifact": "top_10_countries_producing_1.3.csv", "subblock": { - "title": "Salmon farming evolution by country" + "title": "Salmon farming evolution by country", + "source": "", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/evolution_salmon_farming_country_iso_1.4.csv", + "artifact": "evolution_salmon_farming_country_iso_1.4.csv" } }, "intro-consumption": { @@ -34,12 +46,17 @@ "blocks": { "top-comp": { "title": "Main producers of open-net salmon", - "content": "

Small artisanal salmon farms have given way to industrial aquaculture.

In a few decades, the market has become dominated by a handful of multinational corporations.

Mowi, formerly known as Marine Harvest, is the leader in the sector. The company operates in 25 countries.

" + "content": "

Small artisanal salmon farms have given way to industrial aquaculture.

In a few decades, the market has become dominated by a handful of multinational corporations.

Mowi, formerly known as Marine Harvest, is the leader in the sector. The company operates in 25 countries.

", + "source": "", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/top_10_companies_producing_2.1.csv", + "artifact": "top_10_companies_producing_2.1.csv" }, "top-land": { "title": "The new threat: on land plants", "mainContent": "

In 2021, the theoretical combined production capacity of land-based salmon farms amounted to 2.5 million tons, nearly equaling the global production of salmon in marine farms (2.7 million tons).

", - "content": "

Land-based farms use RAS technology (Recirculating Aquaculture Systems) in fully enclosed tanks. Whilst, this approach to salmon farming gives control over the impact on biodiversity and the local environment (limited disease contamination, rejection of feces and salmon escapes), it also requires large amount of fresh water and is very energy-hungry, as it aims to recreate very precisely the natural conditions found in the sea.

As a result, the carbon footprint of salmon produced on land is higher than salmon produced in marine farms.

In order to make such farms profitable, the fish density can be 3 times higher than in marine farms. And there has been a small number of accidents where large number of fish died as a result of inadequate water conditions and a fire at a plant in Denmark.

" + "content": "

Land-based farms use RAS technology (Recirculating Aquaculture Systems) in fully enclosed tanks. Whilst, this approach to salmon farming gives control over the impact on biodiversity and the local environment (limited disease contamination, rejection of feces and salmon escapes), it also requires large amount of fresh water and is very energy-hungry, as it aims to recreate very precisely the natural conditions found in the sea.

As a result, the carbon footprint of salmon produced on land is higher than salmon produced in marine farms.

In order to make such farms profitable, the fish density can be 3 times higher than in marine farms. And there has been a small number of accidents where large number of fish died as a result of inadequate water conditions and a fire at a plant in Denmark.

", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/top_10_ras_companies_2.3.csv", + "artifact": "top_10_ras_companies_2.3.csv" }, "future-land-based": { "title": "The future of land-based aquaculture farms", @@ -75,10 +92,12 @@ "title": "Biodiversity", "blocks": { "deforestation": { - "title": "Deforestation" + "title": "Deforestation", + "content": "

The ambition of the Norwegian government was to increase salmon production by 500% by 2050. This will require the importation of 11,000 km2 of soybean production from Brazil. This is equivalent to the legal deforestation of the Amazon in 2022.

" }, "escapes-rates": { - "title": "Escapes" + "title": "Escapes", + "content": "

From 2018 to 2022, over 4,000,000 salmon escaped from the farms of the 11 largest producers. These escaped salmon pose a threat to wildlife as they... [source].

*No data from Cooke was found.

" } } }, @@ -86,10 +105,13 @@ "title": "Human health", "blocks": { "antibiotic-conso": { - "title": "Antibiotic consumption" + "title": "Antibiotic consumption", + "mainContent": "

While Norway claims that less than 99% of its aquaculture is antibiotic-free, other countries are not so virtuous. In Chile, the use of antibiotics has increased by a third since the covid crisis.

", + "content": "

In Chile: 421 tonnes of ATB used for the 17 main producers, or 0.04% (tons of ATB/tonne of fish produced) on average. The rates decreased in 2018, but due to the covid crisis, they increased again in 2021 to reach a rate in tonnes atb/tonne of fish which is 1/3 higher than that of 2018.

" }, "microplastics": { - "title": "Microplastic" + "title": "Microplastic", + "content": "

A 5 kg salmon contains around 575 microplastics.

An average French person consuming 4.4 kg of salmon per year will ingest around 575 microplastics per year out of a total of 97,500 from different sources.

Microplastics are particularly present in salmon due to bioaccumulation in the food chain and the affinity of plastics for fats.

This especially affects farmed salmon, which are significantly fatter and live in environments rich in plastics.

" } } }, @@ -97,10 +119,13 @@ "title": "Animal welfare", "blocks": { "stress-onshore": { - "title": "Stress in land-based facilities" + "title": "Stress in land-based facilities", + "content": "

The density of salmon is three times higher in factories on land compared to farms at sea which are already too dense, for reasons of profitability.

The consequences can be numerous: mass mortality linked to pathogens, higher levels of stress.

" }, "mortality-rates": { - "title": "Mortality rate" + "title": "Mortality rate", + "mainContent": "

Mortality rates vary considerably from grower to grower and from year to year. Exceptionally high rates are observed, reaching 20% ​​in some years.

", + "content": "

Some producers achieve much lower mortality rates thanks to better practices but also local legislation. Please note: these figures only take into account mortality at sea. Mortality in fresh water bodies is close to 30% (Multiexport reports)

" } } }, @@ -108,7 +133,8 @@ "title": "Climate", "blocks": { "carbon-bomb": { - "title": "Carbon impact" + "title": "Carbon impact", + "content": "

The salmon industry emitted around 16 million tonnes of CO2 in 2021, just like a country like Slovenia or the emissions target of 8 million humans in 2050.

About 90 % of total emissions come from the value chain, mainly from fish feed and transport.

This value is extrapolated from the emissions of 9 of the largest salmon producers.

" } } }, @@ -116,7 +142,9 @@ "title": "Social", "blocks": { "social-carbon": { - "title": "Carbon impact" + "title": "Carbon impact", + "mainContent": "

In 2020, 3% of all fish caught worldwide are farmed for Atlantic salmon (2.72 million tonnes).

", + "content": "

Salmon being carnivorous, it is necessary to feed it with fish-based meals. The average farmed salmon consumes the equivalent of 5 times its own weight in fish, from industrial fishing.

And this type of overfishing has had many negative social impacts, as in Mauritania and in Gambia, where the quantity of fish in the sea has been reduced and where the few fish caught are bought by industrialists for an insignificant price, limiting employment and the life of the local community. access to one of the main sources of their food supply.

[Article on the impact of industrial fishing] -> here (or another)

World annual catches of fish, shellfish and crustaceans are expected to reach around 90 million tonnes by 2020. The vast majority of this volume is intended for human consumption (around 70 million). And then, almost half of what remains (42%) is used for the global production of fishmeal, supplying the aquaculture sector (for fish farming).

" } } }, diff --git a/messages/fr/components.json b/messages/fr/components.json index 5a017d066..b49fea109 100644 --- a/messages/fr/components.json +++ b/messages/fr/components.json @@ -26,7 +26,17 @@ "intro": "Il existe des alternatives au saumon dans notre manière de manger, de vendre et de produire.", "content": "La France, située dans le top 3 des plus gros consommateurs de saumon au monde, porte une responsabilité particulière dans l'orientation des pratiques.", "act": "Pour inverser la tendance et stopper le désastre, il est urgent d’agir. On a des leviers d’action !", - "link": "On agit" + "link": "On agit", + "source": "anglais", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/numbers_salmons_farmed_1.0_fr.csv", + "artifact": "numbers_salmons_farmed_1.0_fr.csv" + }, + "metaItem": { + "source": "Source principale", + "methodology": "Méthodologie", + "image": "Image", + "data": "Données", + "document": "PDF" } } } diff --git a/messages/fr/pages/dashboard.json b/messages/fr/pages/dashboard.json index 70e919ed9..8ee35ea66 100644 --- a/messages/fr/pages/dashboard.json +++ b/messages/fr/pages/dashboard.json @@ -6,21 +6,33 @@ "title": "Les chiffres derrière l’histoire", "sections": { "intro": { - "title": "Introduction", + "title": "Tendances macro", "blocks": { "salmon-collapse": { "title": "Effondrement du saumon sauvage de l'Atlantique", - "content": "

Le saumon atlantique est inscrit sur la Liste rouge de l'UICN des espèces menacées en décembre 2023.

Cela est dû en grande partie à la surpêche, à la dégradation de l'habitat, notamment due aux barrages bloquant les routes migratoires, mais aussi au changement climatique qui modifie leurs environnements, impactant leurs taux de croissance et de survie.

" + "content": "

Le saumon atlantique est inscrit sur la Liste rouge de l'UICN des espèces menacées en décembre 2023.

Cela est dû en grande partie à la surpêche, à la dégradation de l'habitat, notamment due aux barrages bloquant les routes migratoires, mais aussi au changement climatique qui modifie leurs environnements, impactant leurs taux de croissance et de survie.

", + "source": "anglais", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/discrease_wild_salmon_1.1_fr.csv", + "artifact": "discrease_wild_salmon_1.1_fr.csv" }, "hyper-growth": { "title": "Hyper-croissance de l’élevage du saumon", - "content": "

La production de saumon a connu une croissance sans précédent.

Quasi inexistante il y a 30 ans, elle a bondi à trois millions de tonnes de saumon en 2021, soit l’équivalent de l’élevage et de l’abattage d’un milliard de saumons.

" + "content": "

La production de saumon a connu une croissance sans précédent.

Quasi inexistante il y a 30 ans, elle a bondi à trois millions de tonnes de saumon en 2021, soit l’équivalent de l’élevage et de l’abattage d’un milliard de saumons.

", + "source": "anglais", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/hyper_growth_salmon_farming_1.2_fr.csv", + "artifact": "hyper_growth_salmon_farming_1.2_fr.csv" }, "top-10": { "title": "Principaux pays producteurs de saumon d'élevage", "content": "

Le saumon a besoin d'eaux froides pour croître et la production est donc concentrée dans quelques pays situés loin au nord ou au sud.

Aujourd'hui, quatre pays représentent à eux seuls 90 % de la production mondiale de saumon.

", + "source": "anglais", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/top_10_countries_producing_1.3_fr.csv", + "artifact": "top_10_countries_producing_1.3_fr.csv", "subblock": { - "title": "Evolution de l'élevage du saumon par pays" + "title": "Evolution de l'élevage du saumon par pays", + "source": "anglais", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/evolution_salmon_farming_country_iso_1.4_fr.csv", + "artifact": "evolution_salmon_farming_country_iso_1.4_fr.csv" } }, "intro-consumption": { @@ -30,16 +42,21 @@ } }, "company": { - "title": "Entreprises", + "title": "Producteurs", "blocks": { "top-comp": { - "title": "Principaux producteurs de saumon en filet ouvert", - "content": "

Les petites fermes salmonicoles artisanales ont cédé la place à l’aquaculture industrielle.

En quelques décennies, le marché est devenu dominé par une poignée de multinationales.

Mowi, anciennement Marine Harvest, est leader du secteur. L'entreprise est présente dans 25 pays.

" + "title": "Principaux producteurs de saumon en cages marines", + "content": "

Les petites fermes salmonicoles artisanales ont cédé la place à l’aquaculture industrielle.

En quelques décennies, le marché est devenu dominé par une poignée de multinationales.

Mowi, anciennement Marine Harvest, est leader du secteur. L'entreprise est présente dans 25 pays.

", + "source": "anglais", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/top_10_companies_producing_2.1_fr.csv", + "artifact": "top_10_companies_producing_2.1_fr.csv" }, "top-land": { "title": "La nouvelle menace : sur fermes aquacoles terrestres", "mainContent": "

En 2021, la capacité de production théorique combinée des élevages terrestres de saumon s’élève à 2,5 millions de tonnes, soit presque autant que la production mondiale de saumon dans les élevages marins (2,7 millions de tonnes).

", - "content": "

Les fermes terrestres utilisent la technologie RAS (Recycled Aquaculture Systems) dans des réservoirs entièrement fermés. Si cette approche de l'élevage du saumon permet de limiter l'impact sur la biodiversité et l'environnement local (contamination limitée par les maladies, rejet des excréments et des évasions de saumons), elle nécessite également de grandes quantités d'eau douce et est très gourmande en énergie, car elle vise à recréer très précisément les conditions de l’habitat naturel des saumons.

En conséquence, l’empreinte carbone du saumon produit sur terre est plus élevée que celle du saumon produit dans les fermes marines. Afin de rentabiliser de telles fermes, la densité de poissons peut être 3 fois plus élevée que dans les fermes marines.

La technologie n’est pas encore totalement maîtrisée : actuellement, aucune usine en fonctionnement ne produit plus de 5 000 tonnes et les incidents techniques sont fréquents.

Une usine au Danemark en a subi cinq, résultant de défaillances techniques (pollution au chlorure de fer dans le fjord, incendie complet de son usine, engendrant pollution de l’air et de l’eau).

" + "content": "

Les fermes terrestres utilisent la technologie RAS (Recycled Aquaculture Systems) dans des réservoirs entièrement fermés. Si cette approche de l'élevage du saumon permet de limiter l'impact sur la biodiversité et l'environnement local (contamination limitée par les maladies, rejet des excréments et des évasions de saumons), elle nécessite également de grandes quantités d'eau douce et est très gourmande en énergie, car elle vise à recréer très précisément les conditions de l’habitat naturel des saumons.

En conséquence, l’empreinte carbone du saumon produit sur terre est plus élevée que celle du saumon produit dans les fermes marines. Afin de rentabiliser de telles fermes, la densité de poissons peut être 3 fois plus élevée que dans les fermes marines.

La technologie n’est pas encore totalement maîtrisée : actuellement, aucune usine en fonctionnement ne produit plus de 5 000 tonnes et les incidents techniques sont fréquents.

Une usine au Danemark en a subi cinq, résultant de défaillances techniques (pollution au chlorure de fer dans le fjord, incendie complet de son usine, engendrant pollution de l’air et de l’eau).

", + "data": "https://raw.githubusercontent.com/dataforgoodfr/12_pinkbombs/main/data/top_10_ras_companies_2.3_fr.csv", + "artifact": "top_10_ras_companies_2.3_fr.csv" }, "future-land-based": { "title": "Le futur des fermes aquacoles terrestres", @@ -74,34 +91,61 @@ "biodiversity": { "title": "Biodiversité", "blocks": { - "deforestation": { "title": "Déforestation" }, - "escapes-rates": { "title": "Les évasions" } + "deforestation": { + "title": "Déforestation", + "content": "

L'ambition du gouvernement norvégien prévoyait d'augmenter la production de 500 % d'ici 2050. Cela nécessitera l'importation de 11 000 km2 de production de soja du Brésil. Cela équivaut à la déforestation légale de l’Amazonie en 2022.

" + }, + "escapes-rates": { + "title": "Les évasions", + "content": "

De 2018 à 2022, plus de 4 000 000 de saumons se sont échappés des élevages des 11 plus grands producteurs*. Ces saumons menacent la faune car ils... [source].

*Aucune donnée de Cooke n’a été trouvée.

" + } } }, "health": { "title": "Human health", "blocks": { - "antibiotic-conso": { "title": "Consommation d'antibiotiques" }, - "microplastics": { "title": "Microplastique" } + "antibiotic-conso": { + "title": "Consommation d'antibiotiques", + "mainContent": "

Si la Norvège prétend que moins de 99 % de son aquaculture est exempte d'antibiotiques, d'autres pays ne sont pas aussi vertueux. Au Chili, l'utilisation d'antibiotiques a augmenté d'un tiers depuis la crise du covid.

", + "content": "

Au Chili : 421 tonnes d'atb utilisées pour les 17 principaux producteurs, soit 0,04% (tonnes d'atb/tonne de poisson produit) en moyenne. Les taux ont diminué en 2018, mais du fait de la crise covid, ils ont de nouveau augmenté en 2021 pour atteindre un taux en tonnes atb/tonne de poisson soit 1/3 supérieur à celui de 2018.

" + }, + "microplastics": { + "title": "Microplastique", + "content": "

Un saumon de 5 kg contient environ 575 microplastiques.

Une personne française moyenne consommant 4,4 kg de saumon par an ingérera environ 575 microplastiques par an sur un total de 97.500 provenant de différentes sources.

Les microplastiques sont particulièrement présents dans le saumon en raison de la bioaccumulation dans la chaîne alimentaire et de l'affinité des plastiques pour les graisses.

Cela affecte surtout les saumons d'élevage, qui sont nettement plus gras et vivent dans des environnements riches en plastiques.

" + } } }, "animals": { "title": "Bien être animal", "blocks": { - "stress-onshore": { "title": "Densité / stress dans usine à terre" }, - "mortality-rates": { "title": "Taux de mortalité" } + "stress-onshore": { + "title": "Densité / stress dans usine à terre", + "content": "

La densité de saumons est trois fois plus élevée dans des usines à terre par rapport à des élevages en mer déjà trop denses, pour des raisons de rentabilité.

Les conséquences peuvent être nombreuses : mortalité de masse liées à des pathogènes, plus hauts niveaux de stress.

" + }, + "mortality-rates": { + "title": "Taux de mortalité", + "mainContent": "

Les taux de mortalité varient considérablement d'un producteur à l'autre et d'une année à l'autre. Des taux exceptionnellement élevés sont observés, atteignant 20 % certaines années.

", + "content": "

Certains producteurs atteignent des taux de mortalité bien inférieurs grâce à de meilleures pratiques mais aussi à la législation locale. Attention : ces chiffres ne prennent en compte que la mortalité en mer. La mortalité dans les plans d'eau douce est proche de 30% (rapports Multiexport)

" + } } }, "climate": { "title": "Climat", "blocks": { - "carbon-bomb": { "title": "Impact carbone" } + "carbon-bomb": { + "title": "Impact carbone", + "content": "

L'industrie du saumon a émis environ 16 millions de tonnes de CO2 en 2021, tout comme un pays comme la Slovénie ou l'objectif d'émissions de 8 millions d'êtres humains en 2050.

Environ 90 % des émissions totales proviennent de la chaîne de valeur, principalement de l'alimentation du poisson et du transport.

Cette valeur est extrapolée à partir des émissions de 9 des plus grands producteurs de saumon.

" + } } }, "social": { "title": "Social", "blocks": { - "social-carbon": { "title": "Impact carbone" } + "social-carbon": { + "title": "Impact carbone", + "mainContent": "

En 2020, 3 % de tous les poissons capturés dans le monde sont élevés pour le saumon de l'Atlantique (2,72 millions de tonnes).

", + "content": "

Le saumon étant carnivore, il est nécessaire de le nourrir avec des farines à base de poissons. Le saumon d'élevage moyen consomme l'équivalent de 5 fois son propre poids en poisson, issu de la pêche industrielle.

Et ce type de surpêche a eu de nombreux impacts sociaux négatifs, comme en Mauritanie et en Gambie, où la quantité de poisson dans la mer a été réduite et où les quelques poissons pêchés sont achetés par les industriels pour un prix insignifiant, limitant l'emploi et la vie de la communauté locale. accès à l’une des principales sources de leur approvisionnement alimentaire.

[Article sur l'impact de la pêche industrielle] -> ici (ou un autre)

Les captures annuelles mondiales de poissons, coquillages et crustacés devraient atteindre environ 90 millions de tonnes d'ici 2020. La grande majorité de ce volume est destinée à la consommation humaine (environ 70 millions). Et puis, près de la moitié de ce qui reste (42 %) est utilisée pour la production mondiale de farine de poisson, approvisionnant le secteur aquacole (pour la pisciculture).

" + } } }, "alternative": { diff --git a/src/app/[locale]/dashboard/dashboard.tsx b/src/app/[locale]/dashboard/dashboard.tsx index d8d9c7778..3a7959dec 100644 --- a/src/app/[locale]/dashboard/dashboard.tsx +++ b/src/app/[locale]/dashboard/dashboard.tsx @@ -9,6 +9,7 @@ import Calculator from "@/components/Calculator"; import DashboardSection from "@/components/DashboardSection"; import IntroBlock from "@/components/IntroBlock"; import JoinBlock from "@/components/JoinBlock"; +import MetaItem from "@/components/MetaItem"; import { SummaryLinksProps } from "@/components/Summary"; import TitleBlock from "@/components/TitleBlock"; @@ -214,6 +215,17 @@ const SalmonCollapseSection = () => { title={t("sections.intro.blocks.salmon-collapse.title")} id="salmon-collapse" content={t.raw("sections.intro.blocks.salmon-collapse.content")} + meta={{ + source: { + link: "https://nasco.int/ices-2/statistics/", + moreInfo: t("sections.intro.blocks.salmon-collapse.source"), + }, + methodology: { link: "/to-act#" }, + data: { + link: t("sections.intro.blocks.salmon-collapse.data"), + artifact: t("sections.intro.blocks.salmon-collapse.artifact"), + }, + }} hasChart /> ); @@ -227,6 +239,17 @@ const SalmonFarmingSection = () => { title={t("sections.intro.blocks.hyper-growth.title")} id="hyper-growth" content={t.raw("sections.intro.blocks.hyper-growth.content")} + meta={{ + source: { + link: "https://www.fao.org/fishery/en/collection/aquaculture?lang=en", + moreInfo: t("sections.intro.blocks.hyper-growth.source"), + }, + methodology: { link: "/to-act#" }, + data: { + link: t("sections.intro.blocks.hyper-growth.data"), + artifact: t("sections.intro.blocks.hyper-growth.artifact"), + }, + }} hasChart /> ); @@ -241,6 +264,17 @@ const TopCountriesSection = () => { title={t("sections.intro.blocks.top-10.title")} id="top-10" content={t.raw("sections.intro.blocks.top-10.content")} + meta={{ + source: { + link: "https://www.fao.org/fishery/en/collection/aquaculture?lang=en", + moreInfo: t("sections.intro.blocks.top-10.source"), + }, + methodology: { link: "/to-act#" }, + data: { + link: t("sections.intro.blocks.top-10.data"), + artifact: t("sections.intro.blocks.top-10.artifact"), + }, + }} hasChart /> @@ -250,6 +284,25 @@ const TopCountriesSection = () => { + ); @@ -278,6 +331,17 @@ const MainProductionSection = () => { title={t("sections.company.blocks.top-comp.title")} id="top-comp" content={t.raw("sections.company.blocks.top-comp.content")} + meta={{ + source: { + link: "https://mowi.com/wp-content/uploads/2023/06/2023-Salmon-Farming-Industry-Handbook-2023.pdf", + moreInfo: t("sections.company.blocks.top-comp.source"), + }, + methodology: { link: "/to-act#" }, + data: { + link: t("sections.company.blocks.top-comp.data"), + artifact: t("sections.company.blocks.top-comp.artifact"), + }, + }} hasChart /> ); @@ -300,6 +364,13 @@ const LandPlantsSection = () => { id="top-land" mainContent={t.raw("sections.company.blocks.top-land.mainContent")} content={t.raw("sections.company.blocks.top-land.content")} + meta={{ + methodology: { link: "/to-act#" }, + data: { + link: t("sections.company.blocks.top-comp.data"), + artifact: t("sections.company.blocks.top-comp.artifact"), + }, + }} hasChart /> @@ -328,7 +399,7 @@ const LandPlantsSection = () => { }} /> -
+
{data.map((d, key) => (

{d.title}

@@ -336,6 +407,11 @@ const LandPlantsSection = () => {
))}
+
@@ -359,105 +435,108 @@ const SalmonConsumptionBisSection = () => { */ const DeforestationSection = () => { + const t = useTranslations("dashboard"); + return ( ); }; const EscapeSection = () => { + const t = useTranslations("dashboard"); + return ( ); }; const AntibioticSection = () => { + const t = useTranslations("dashboard"); + return ( ); }; const MicroplasticSection = () => { + const t = useTranslations("dashboard"); + return ( ); }; const StressOnshoreSection = () => { + const t = useTranslations("dashboard"); + return ( ); }; const MortalityRateSection = () => { + const t = useTranslations("dashboard"); + return ( ); }; const CarbonSection = () => { + const t = useTranslations("dashboard"); + return ( ); }; const SocialCarbonSection = () => { + const t = useTranslations("dashboard"); + return ( ); }; diff --git a/src/components/DashboardSection.tsx b/src/components/DashboardSection.tsx index 8927748b3..a67c70b23 100644 --- a/src/components/DashboardSection.tsx +++ b/src/components/DashboardSection.tsx @@ -1,15 +1,14 @@ import clsx from "clsx"; import dynamic from "next/dynamic"; import Image from "next/image"; -import Link from "next/link"; import React, { ReactNode } from "react"; +import MetaItem, { chartMeta } from "@/components/MetaItem"; + const Chart = dynamic(() => import("@/components/Chart"), { ssr: false, }); -const DashboardMeta = ["source", "methodology", "image", "data", "document"]; - type DashboardSectionProps = { title?: string; mainContent?: string; @@ -20,7 +19,7 @@ type DashboardSectionProps = { src?: string; hasChart?: boolean; meta?: Record< - (typeof DashboardMeta)[number], + (typeof chartMeta)[number], { link: string; moreInfo?: string; @@ -29,63 +28,6 @@ type DashboardSectionProps = { >; }; -type MetaDataItemProps = { - data: (typeof DashboardMeta)[number]; - link: string; - moreInfo?: string; - artifact?: string; -}; - -const metaDataContent: Record<(typeof DashboardMeta)[number], string> = { - source: "Source", - methodology: "Méthodologie", - image: "Image", - data: "Données", - document: "PDF", -}; - -const MetaDataItem = ({ - data, - link, - moreInfo, - artifact, -}: MetaDataItemProps) => { - return ( - - {metaDataContent[data]} - {moreInfo ? <> ({moreInfo}) : null} - - {data === "source" ? ( - - - - ) : artifact ? ( - - - - ) : null} - - ); -}; - const DashboardSection = ({ title, id, @@ -143,7 +85,7 @@ const DashboardSection = ({
    {Object.keys(meta).map((data, key) => (
  • - +
  • ))}
diff --git a/src/components/JoinBlock.tsx b/src/components/JoinBlock.tsx index 7cf6970c0..ca622ff5a 100644 --- a/src/components/JoinBlock.tsx +++ b/src/components/JoinBlock.tsx @@ -9,6 +9,7 @@ const Chart = dynamic(() => import("@/components/Chart"), { }); import PrimaryButton from "@/components/buttons/PrimaryButton"; +import MetaItem from "@/components/MetaItem"; const IntroBlock = ({ className, @@ -49,6 +50,25 @@ const IntroBlock = ({

{t("join.content")}

+
    +
  • + +
  • +
  • + +
  • +
  • + +
  • +
diff --git a/src/components/MetaItem.tsx b/src/components/MetaItem.tsx new file mode 100644 index 000000000..7eaec71df --- /dev/null +++ b/src/components/MetaItem.tsx @@ -0,0 +1,63 @@ +import clsx from "clsx"; +import Link from "next/link"; +import { useTranslations } from "next-intl"; +import React from "react"; + +export const chartMeta = ["source", "methodology", "image", "data", "document"]; + +type MetaItemProps = { + data: (typeof chartMeta)[number]; + link: string; + moreInfo?: string; + artifact?: string; + className?: string; +}; + +const MetaItem = ({ + data, + link, + moreInfo, + artifact, + className, + ...rest +}: MetaItemProps) => { + const t = useTranslations("components"); + + return ( + + {t(`metaItem.${data}`)} + {moreInfo ? <> ({moreInfo}) : null} + + {data === "source" ? ( + + + + ) : artifact ? ( + + + + ) : null} + + ); +}; + +export default MetaItem; diff --git a/src/styles/globals.css b/src/styles/globals.css index 931143700..f98fc9278 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -74,9 +74,14 @@ .prose p { @apply mb-2; } + .prose a { @apply underline; } + + .prose em { + @apply italic; + } /* #endregion /**======== Typography =========== */ /* #region /**=========== HEADER =========== */