feat: update food action links

src/components/SubSection.vue

@@ -24,6 +24,7 @@
           >
             {{ $t('$sitra100WaysLinkText') }}
           </a>
+          <span>{{ $t('$sitra100WaysLinkDescription') }}</span>
         </li>
       </ul>
 
@@ -65,6 +66,7 @@ export default defineComponent({
 
 .sub-section {
   margin: 10px 0;
+  white-space: pre-line;
 }
 
 h3 {

src/locale/en/food.ts

@@ -26,10 +26,10 @@ A vegan diet excludes all animal products. If meat, fish or dairy consumption is
   $fermentedMilkProductsDescription:
     'E.g., yogurt, curdled milk, quark, buttermilk, sour cream',
   $fishAndShellfishAndFishProducts: 'Fish, shellfish, and fish products',
-  $foodActionMixed: `Seasonal greens should have a large share of your plate to help the climate's health as well as yours. Try out the vegetarian options in restaurants, favor Finnish wild fish and increase the portion of greens at home.`,
+  $foodActionMixed: `It's worth consuming plenty of seasonal vegetables alongside fish and meat for health reasons and to diversify your meals. Try vegetarian options in lunch restaurants, choose Finnish wild fish, and increase the amount of vegetables in your home-cooked meals.`,
   $foodActionVegan:
-    'A vegan diet is often climate friendly. The most effective way of reducing your food climate footprint even more is to favour seasonal produce.',
-  $foodActionVegetarian: `Seasonal produce is climate friendly. If you are a heavy user of dairy products, try replacing some of them with plant-based alternatives, such as nut or oat products.`,
+    'A vegan diet is often climate-friendly. You can further reduce the climate impact of your diet by favoring seasonal vegetables.',
+  $foodActionVegetarian: `Vegetables are climate-friendly food. It's especially worth increasing the use of seasonal vegetables. If you consume a lot of cheese and dairy products, try occasionally replacing them with plant-based alternatives.`,
   $foodIngredients: 'Food items',
   $foodIngredientsDetails:
     'Take into account meals eaten at home and in restaurants etc. Note that dairy products and eggs are also included in various ready-made foods and bakery products.',
@@ -75,9 +75,8 @@ A vegan diet excludes all animal products. If meat, fish or dairy consumption is
   $resultCategoryVegetablesFruitsBerries: 'Vegetables, fruits, and berries',
   $rice: 'Rice',
   $rootVegetables: 'Root vegetables',
-  $saaSyoda: 'Saa Syödä! (only in Finnish)',
-  $saaSyodaDetails:
-    'The website has a recipe tool to help you utilise the ingredients in your cupboards and a calculator for estimating the food amounts required for a party.',
+  $saaSyoda: 'Saa Syödä!',
+  $saaSyodaDetails: 'Tips for reducing food waste (only in Finnish)',
   $saaSyodaUrl: 'http://www.saasyoda.fi/',
   $sitraVarietyWithVegetables: 'Refreshing variety with vegetables',
   $sitraVarietyWithVegetablesUrl:
@@ -90,5 +89,14 @@ A vegan diet excludes all animal products. If meat, fish or dairy consumption is
   $sugarCandiesAndChocolate: 'Sugar, candies, and chocolate',
   $vegetablesAndMushrooms: 'Vegetables and mushrooms',
   $vegetableOils: 'Vegetable oils',
+  $climateGuideUrl: 'https://www.climateguide.fi',
+  $climateGuide: 'Climateguide.fi',
+  $climateGuideDetails: 'Read more about climate change',
+  $wwfFoodUrl: 'https://planetbaseddiets.panda.org',
+  $wwfFood: 'WWF',
+  $wwfFoodDetails: 'Learn more about plant-based diets',
+  $foodActionGeneric:
+    'You can learn more about the {link} and the limitations that affect the results. In addition to climate impacts, we can also influence the preservation of biodiversity through our food choices.',
+  $foodActionGenericCalcInfo: 'calculation methods',
 }
 export default en

src/locale/en/global.ts

@@ -34,6 +34,7 @@ const en: IGlobalTranslations = {
   $notFoundDescription:
     'The address did not match any of our content. Please check the address or click on a link on the navigation pane to continue.',
   $piecesShort: 'pcs',
+  $sitra100WaysLinkDescription: 'Pick climate friendly actions for yourself',
 }
 
 export default en

src/locale/fi/food.ts

@@ -22,17 +22,16 @@ const fi: IFoodTranslations = {
   $dryPlantBasedProteinDescription:
     'Esim. soija-, herne- ja härkäpapurouhe ja -suikaleet',
   $eggs: 'Munat',
-
   $fermentedMilkProducts: 'Hapanmaitotuotteet',
   $fermentedMilkProductsDescription:
     'Esim. jogurtti, viili, rahka, piimä, kermaviili',
   $fishAndShellfishAndFishProducts: 'Kala, äyriäiset ja kalavalmisteet',
   $foodActionMixed:
     'Kauden kasviksia kannattaa nauttia runsaasti kalan ja lihan kanssa jo terveyssyistä. Kokeile lounasravintoloiden kasvisvaihtoehtoa, suomalaista villiä kalaa ja lisää kasvisten osuutta kotiruoassa.',
   $foodActionVegan:
-    'Vegaaniruokavalio on usein ilmastoystävällinen. Ruokailun ilmastovaikutuksia voi edelleen vähentää suosimalla kauden kasviksia.',
+    'Vegaaniruokavalio on usein ilmastoystävällinen. Ruokailun ilmastovaikutuksia voit edelleen vähentää suosimalla kauden kasviksia.',
   $foodActionVegetarian:
-    'Kauden kasvikset ovat ilmastoystävällisiä. Jos käytät paljon juustoa ja maitotuotteita, kokeile toisinaan korvata ne kasviperäisillä aineksilla kuten pähkinöillä ja kasvirasvapohjaisilla tuotteilla.',
+    'Kasvikset ovat ilmastoystävällistä ravintoa. Erityisesti satokauden kasvisten käyttöä kannattaa lisätä. Jos käytät paljon juustoa ja maitotuotteita, kokeile toisinaan korvata ne kasvirasvapohjaisilla tuotteilla.',
   $foodIngredients: 'Ruoka-aineet',
   $foodIngredientsDetails:
     'Huomioi kaikki kulutus eli kotiruokailun lisäksi myös ravintolat, kahvilat ja ruokalat. Muista maitotuotteiden, juuston ja kananmunien kohdalla, että nautimme niitä myös erilaisten ruokien ja leivonnaisten osana.',
@@ -80,8 +79,7 @@ const fi: IFoodTranslations = {
   $rice: 'Riisi',
   $rootVegetables: 'Juurekset',
   $saaSyoda: 'Saa Syödä!',
-  $saaSyodaDetails:
-    'Katso reseptihaku kaapista löytyvien ainesten hyödyntämiseksi sekä annoslaskuri seurueen ruokamäärän arvioimiseksi',
+  $saaSyodaDetails: 'Vinkkejä ruokahävikin vähentämiseen',
   $saaSyodaUrl: 'http://www.saasyoda.fi/',
   $sitraVarietyWithVegetables: 'Virkistävää vaihtelua kasviksilla',
   $sitraVarietyWithVegetablesUrl:
@@ -94,5 +92,14 @@ const fi: IFoodTranslations = {
   $sugarCandiesAndChocolate: 'Sokeri, makeiset ja suklaa',
   $vegetablesAndMushrooms: 'Vihannekset ja sienet',
   $vegetableOils: 'Kasviöljyt',
+  $climateGuideUrl: 'https://www.ilmasto-opas.fi',
+  $climateGuide: 'Ilmasto-opas.fi',
+  $climateGuideDetails: 'Lue lisää ruoasta ja ilmastonmuutoksesta',
+  $wwfFoodUrl: 'https://wwf.fi/ruoka',
+  $wwfFood: 'WWF',
+  $wwfFoodDetails: 'Näin syöt ympäristöystävällisesti',
+  $foodActionGeneric:
+    '{link} voit tutustua tarkemmin tuloksiin vaikuttaviin rajauksiin. Ilmastovaikutusten lisäksi voimme ruokavalintojemme avulla vaikuttaa myös luonnon monimuotoisuuden turvaamiseen.',
+  $foodActionGenericCalcInfo: 'Laskentaperusteista',
 }
 export default fi

src/locale/fi/global.ts

@@ -33,5 +33,6 @@ const fi: IGlobalTranslations = {
   $notFoundDescription:
     'Antamallasi osoitteella ei löytynyt mitään sisältöä. Tarkista osoite, tai klikkaa jotain navigaatiopalkin linkkiä jatkaaksesi.',
   $piecesShort: 'kpl',
+  $sitra100WaysLinkDescription: 'Poimi itsellesi sopivia ilmastotekoja',
 }
 export default fi

src/locale/interfaces.ts

@@ -170,6 +170,8 @@ export interface IFoodTranslations {
   $foodActionMixed: string
   $foodActionVegan: string
   $foodActionVegetarian: string
+  $foodActionGeneric: string
+  $foodActionGenericCalcInfo: string
   $foodIngredients: string
   $foodIngredientsDetails: string
   $foodIngredientsSummary: string
@@ -221,6 +223,12 @@ export interface IFoodTranslations {
   $sugarCandiesAndChocolate: string
   $vegetablesAndMushrooms: string
   $vegetableOils: string
+  $climateGuideUrl: string
+  $climateGuide: string
+  $climateGuideDetails: string
+  $wwfFoodUrl: string
+  $wwfFood: string
+  $wwfFoodDetails: string
 }
 
 export interface ITransportTranslations {
@@ -512,6 +520,7 @@ export interface IGlobalTranslations {
   $orMore: string
   $baseDataNotSubmittedNotification: string
   $sitra100WaysLinkText: string
+  $sitra100WaysLinkDescription: string
   $sitra100WaysUrl: string
   $notFoundTitle: string
   $notFoundDescription: string

src/locale/sv/food.ts

@@ -22,11 +22,11 @@ const sv: IFoodTranslations = {
     'T.ex. yoghurt, fil, kvarg, kärnmjölk, gräddfil',
   $fishAndShellfishAndFishProducts: 'Fisk, skaldjur och fiskprodukter',
   $foodActionMixed:
-    'Det lönar sig även av hälsoskäl att äta rikligt med säsongens grönsaker till fisk och kött. Testa lunchrestaurangernas vegetariska alternativ, finsk vild fisk och öka andelen grönsaker i den hemlagade maten.',
+    'Det är värt att äta rikligt med säsongens grönsaker tillsammans med fisk och kött, inte bara av hälsoskäl utan också för att diversifiera dina måltider. Testa lunchrestaurangernas vegetariska alternativ, välj finsk vild fisk och öka andelen grönsaker i den hemlagade maten.',
   $foodActionVegan:
-    'Vegankost är ofta klimatvänlig. Måltidernas klimatpåverkan kan minskas ytterligare genom att välja säsongens grönsaker.',
+    'En vegansk kost är ofta klimatvänlig. Du kan ytterligare minska kostens klimatpåverkan genom att välja säsongens grönsaker.',
   $foodActionVegetarian:
-    'Säsongens grönsaker är klimatvänliga. Om du använder mycket ost och mjölkprodukter, testa att byta ut dem ibland mot vegetabiliska ingredienser, såsom nötter och produkter baserade på vegetabiliskt fett.',
+    'Grönsaker är klimatvänlig mat. Det är särskilt värt att öka användningen av säsongens grönsaker. Om du använder mycket ost och mejeriprodukter, prova att ibland ersätta dem med växtbaserade alternativ.',
   $foodIngredients: 'Födoämnen',
   $foodIngredientsDetails:
     'Inkludera all konsumtion såväl hemma som på restaurang, café och skolan eller jobbet. Kom ihåg under punkten om mjölkprodukter, ost och ägg, att vi också äter dem i olika maträtter och bakverk.',
@@ -74,8 +74,7 @@ const sv: IFoodTranslations = {
   $rice: 'Ris',
   $rootVegetables: 'Rotfrukter',
   $saaSyoda: 'Saa Syödä!',
-  $saaSyodaDetails:
-    'Använd receptsökningen för att utnyttja ingredienser som du har i skåpet samt portionsräknaren för att uppskatta mängden mat för ett sällskap',
+  $saaSyodaDetails: 'Tips för att minska matsvinnet (endast på finska)',
   $saaSyodaUrl: 'http://www.saasyoda.fi/',
   $sitraVarietyWithVegetables: 'Uppiggande variation med grönsaker',
   $sitraVarietyWithVegetablesUrl:
@@ -88,5 +87,14 @@ const sv: IFoodTranslations = {
   $sugarCandiesAndChocolate: 'Socker, godis och choklad',
   $vegetablesAndMushrooms: 'Grönsaker och svampar',
   $vegetableOils: 'Vegetabiliska oljor',
+  $climateGuideUrl: 'https://www.klimatguiden.fi',
+  $climateGuide: 'Klimatguiden.fi',
+  $climateGuideDetails: 'Läs mer om klimatförändringen',
+  $wwfFoodUrl: 'https://www.wwf.se/mat-och-jordbruk/vad-ska-jag-ata',
+  $wwfFood: 'WWF',
+  $wwfFoodDetails: 'Så här äter du miljövänligt',
+  $foodActionGeneric:
+    'Du kan läsa mer om {link} för att förstå de begränsningar som påverkar resultaten. Utöver klimatpåverkan kan våra kostval även bidra till att skydda den biologiska mångfalden.',
+  $foodActionGenericCalcInfo: 'beräkningsgrunderna',
 }
 export default sv

src/locale/sv/global.ts

@@ -33,5 +33,6 @@ const sv: IGlobalTranslations = {
   $notFoundDescription:
     'Den angivna adressen har inget innehåll. Kontrollera adressen eller klicka på en länk i navigationsbalken för att fortsätta.',
   $piecesShort: 'st.',
+  $sitra100WaysLinkDescription: 'Välj lämpliga klimatåtgärder',
 }
 export default sv

src/stores/food/store.ts

@@ -12,6 +12,7 @@ import api from '@/utilities/api'
 import { TranslateResult } from 'vue-i18n'
 import i18n from '@/locale/i18n'
 import { IChartData } from '@/types'
+import { useRouter } from 'vue-router'
 
 export const useFoodStore = defineStore('food', {
   state: (): IFoodState => ({
@@ -535,12 +536,33 @@ export const useFoodStore = defineStore('food', {
           addAction('Mixed')
         }
 
+        const router = useRouter()
+        const baseRoute = router.resolve({
+          name: 'calculationInfo',
+          hash: '#food',
+        }).href
+        addAction(
+          'Generic',
+          baseRoute,
+          i18n.global.t('$foodActionGenericCalcInfo')
+        )
+
         return actions
       }
     },
     resultLinks: () => {
       return () => {
         return [
+          {
+            title: i18n.global.t('$climateGuide'),
+            description: i18n.global.t('$climateGuideDetails'),
+            url: i18n.global.t('$climateGuideUrl'),
+          },
+          {
+            title: i18n.global.t('$wwfFood'),
+            description: i18n.global.t('$wwfFoodDetails'),
+            url: i18n.global.t('$wwfFoodUrl'),
+          },
           {
             title: i18n.global.t('$saaSyoda'),
             description: i18n.global.t('$saaSyodaDetails'),
@@ -550,16 +572,7 @@ export const useFoodStore = defineStore('food', {
       }
     },
     sitraCases: (state) => {
-      // TODO: Make work with the new model that uses direct amounts instead of ratios
-      if (
-        state.beefValue >= 100 ||
-        state.fishAndShellfishAndFishProductsValue >= 100 ||
-        state.porkValue >= 100 ||
-        state.chickenAndTurkeyValue >= 100 ||
-        state.meatProductsValue >= 100 ||
-        state.otherMeatsAndOffalValue >= 100 ||
-        state.sausagesValue >= 100
-      ) {
+      if (state.diet === Diets.Mixed) {
         return '$sitraVarietyWithVegetables'
       }
       return '$sitraAvoidFoodWaste'