Merge pull request #10 from OpenUpSA/feature/references

Added references to scenarios and the references pafgfe

app/[locale]/references/page.tsx

@@ -3,14 +3,32 @@
 import { useTranslations } from "next-intl";
 import { Link } from "app/[locale]/navigation";
 
+import { ReferencesList } from "components/referencesList";
+import { Key } from "react";
+
 export default function Page() {
   const t = useTranslations("global");
   const tP = useTranslations("references");
+  const scenarios = t.raw("scenarios");
 
   return (
     <>
       <h1>{tP("title")}</h1>
       <h2>{tP("sub-title")}</h2>
+      {scenarios.map((scenario: any, index: number) => (
+        <>
+          {scenario.references && (
+            <>
+              <h3>
+                {t("scenario-count")}
+                {index + 1}
+              </h3>
+              <ReferencesList references={scenario.references} />
+            </>
+          )}
+        </>
+      ))}
+
       <Link
         href={`/debrief`}
         className="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded"

app/[locale]/scenarios/[slug]/[answer]/page.tsx

@@ -4,7 +4,7 @@ import { useTranslations } from "next-intl";
 import { redirect } from "next/navigation";
 import { Link } from "app/[locale]/navigation";
 
-//import scenarios from "../../../../data/scenarios.json";
+import { ReferencesList } from "components/referencesList";
 
 export default function Page({
   params,
@@ -53,6 +53,12 @@ export default function Page({
           {t("finish")}
         </Link>
       )}
+      {scenario.references && (
+        <>
+          <h3>{t("references")}</h3>
+          <ReferencesList references={scenario.references} />
+        </>
+      )}
     </>
   );
 }

app/[locale]/scenarios/[slug]/page.tsx

@@ -4,9 +4,10 @@ import { useTranslations } from "next-intl";
 import { redirect } from "next/navigation";
 import { Link } from "app/[locale]/navigation";
 import Image from "next/image";
-
 import { Key } from "react";
 
+import { ReferencesList } from "components/referencesList";
+
 export default function Page({
   params,
 }: {
@@ -93,6 +94,12 @@ export default function Page({
           {t("next-scenario")}
         </Link>
       )}
+      {!scenario.options && scenario.references && (
+        <>
+          <h3>{t("references")}</h3>
+          <ReferencesList references={scenario.references} />
+        </>
+      )}
     </>
   );
 }

components/referencesList/index.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import { Key } from "react";
+
+export function ReferencesList({ references }: { references: any }) {
+  return (
+    <ol className="list-decimal">
+      {references.map(
+        (reference: { title: string; url: string }, index: Key) => (
+          <li key={index}>
+            {reference.title && <>{reference.title}, </>}
+            <a href={reference.url} target="_blank">
+              {reference.url}
+            </a>
+          </li>
+        )
+      )}
+    </ol>
+  );
+}

messages/en.json

@@ -65,6 +65,7 @@
         "scenario-count": "Scenario ",
         "next-scenario": "Next scenario",
         "finish": "Finish!",
+        "references": "References",
         "scenarios": [
             {
                 "format": "normal",
@@ -110,7 +111,17 @@
                         "title": "Are you sure you are cut out for this business?",
                         "description": "PetroSA seemingly handed over several early payments to Imvume Management, a company which was later accused by an independent inquiry of illicit dealing under the oil-for-food programme in Iraq - and it did so, apparently, with the government's blessing. At least R11m of the money paid from PetroSA was alleged to have ended up going back to the ANC to fund its 2004 election campaign. Here's the real kicker - most of the Iraqi oil never actually came to SA, and you ended up buying from Russia instead! Start as you mean to go on."
                     }
-                }
+                },
+                "references": [
+                    {
+                        "title": "Mail & Guardian",
+                        "url": "https://mg.co.za/article/2005-07-15-oilgate-company-was-anc-front/"
+                    },
+                    {
+                        "title": "Volker Report (UN)",
+                        "url": "https://web.archive.org/web/20130823070841/http://www.iic-offp.org/documents/IIC%20Final%20Report%2027Oct2005.pdf"
+                    }
+                ]
             },
             {
                 "format": "bonus",
@@ -142,16 +153,20 @@
                         "image": "climate-smart-is-economy-smart.png"
                     }
                 ],
-                "answers": {
-                    "correct": {
-                        "title": "You handed over the cash, well done!",
-                        "description": "PetroSA seemingly handed over several early payments to Imvume Management, a company which was later accused by an independent inquiry of illicit dealing under the oil-for-food programme in Iraq - and it did so, apparently, with the government's blessing. At least R11m of the money paid from PetroSA was alleged to have ended up going back to the ANC to fund its 2004 election campaign. Here's the real kicker - most of the Iraqi oil never actually came to SA, and you ended up buying from Russia instead! Start as you mean to go on."
+                "references": [
+                    {
+                        "url": "https://www.iol.co.za/business-report/economy/petrosa-eyes-gtl-projects-in-egypt-colombia-and-qatar-734990"
                     },
-                    "incorrect": {
-                        "title": "Are you sure you are cut out for this business?",
-                        "description": "PetroSA seemingly handed over several early payments to Imvume Management, a company which was later accused by an independent inquiry of illicit dealing under the oil-for-food programme in Iraq - and it did so, apparently, with the government's blessing. At least R11m of the money paid from PetroSA was alleged to have ended up going back to the ANC to fund its 2004 election campaign. Here's the real kicker - most of the Iraqi oil never actually came to SA, and you ended up buying from Russia instead! Start as you mean to go on."
+                    {
+                        "url": "https://www.iol.co.za/business-report/companies/petrosa-lands-exploration-rights-in-egypts-gulf-of-suez-732286"
+                    },
+                    {
+                        "url": "https://egyptoil-gas.com/news/petrosa-withdraws-from-the-egyptian-sector/"
+                    },
+                    {
+                        "url": "https://www.imf.org/en/Countries/MOZ"
                     }
-                }
+                ]
             },
             {
                 "format": "normal",
@@ -190,7 +205,15 @@
                         "title": "Are you sure you are cut out for this business?",
                         "description": "Ipsum doler sit amet adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Start as you mean to go on."
                     }
-                }
+                },
+                "references": [
+                    {
+                        "url": "https://www.petroleumafrica.com/petrosa-faces-legal-action/"
+                    },
+                    {
+                        "url": "https://www.iol.co.za/news/south-africa/petrosa-taken-to-court-over-r40m-deal-489309"
+                    }
+                ]
             },
             {
                 "format": "no-correct-incorrect",