From c4e17c3fb3c2af6c25da82cd16b323bd951e0c72 Mon Sep 17 00:00:00 2001
From: Olivier Gagnon <oli.gagnon4418@gmail.com>
Date: Wed, 13 Oct 2021 15:57:15 -0400
Subject: [PATCH] fix mathjax

---
 src/Corporation/ui/IndustryProductEquation.tsx | 4 +---
 src/Faction/ui/DonateOption.tsx                | 2 +-
 src/Locations/ui/CoresButton.tsx               | 2 +-
 src/Locations/ui/RamButton.tsx                 | 2 +-
 4 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/Corporation/ui/IndustryProductEquation.tsx b/src/Corporation/ui/IndustryProductEquation.tsx
index 6aa366629..e641148c6 100644
--- a/src/Corporation/ui/IndustryProductEquation.tsx
+++ b/src/Corporation/ui/IndustryProductEquation.tsx
@@ -20,9 +20,7 @@ export function IndustryProductEquation(props: IProps): React.ReactElement {
 
   return (
     <MathJaxContext>
-      <MathJax>
-        {reqs.join("+") + String.raw`\Rightarrow` + prod.map((p) => String.raw`1\text{ }${p}`).join("+")}
-      </MathJax>
+      <MathJax>{"\\(" + reqs.join("+") + `\\Rightarrow` + prod.map((p) => `1\\text{ }${p}`).join("+") + "\\)"}</MathJax>
     </MathJaxContext>
   );
 }
diff --git a/src/Faction/ui/DonateOption.tsx b/src/Faction/ui/DonateOption.tsx
index 6c2bbf9a0..d05cda75f 100644
--- a/src/Faction/ui/DonateOption.tsx
+++ b/src/Faction/ui/DonateOption.tsx
@@ -99,7 +99,7 @@ export function DonateOption(props: IProps): React.ReactElement {
           />
           <Typography>
             <MathJaxContext>
-              <MathJax>{String.raw`reputation = \frac{\text{donation amount} \times \text{reputation multiplier}}{10^{${digits}}}`}</MathJax>
+              <MathJax>{`\\(reputation = \\frac{\\text{donation amount} \\cdot \\text{reputation multiplier}}{10^{${digits}}}\\)`}</MathJax>
             </MathJaxContext>
           </Typography>
         </>
diff --git a/src/Locations/ui/CoresButton.tsx b/src/Locations/ui/CoresButton.tsx
index cd8b378d0..f9eeaebd4 100644
--- a/src/Locations/ui/CoresButton.tsx
+++ b/src/Locations/ui/CoresButton.tsx
@@ -33,7 +33,7 @@ export function CoresButton(props: IProps): React.ReactElement {
     <Tooltip
       title={
         <MathJaxContext>
-          <MathJax>{String.raw`\large{cost = 10^9 \times 7.5 ^{\text{cores}}}`}</MathJax>
+          <MathJax>{`\\(\\large{cost = 10^9 \\cdot 7.5 ^{\\text{cores}}}\\)`}</MathJax>
         </MathJaxContext>
       }
     >
diff --git a/src/Locations/ui/RamButton.tsx b/src/Locations/ui/RamButton.tsx
index c819a9785..37cd70cf8 100644
--- a/src/Locations/ui/RamButton.tsx
+++ b/src/Locations/ui/RamButton.tsx
@@ -32,7 +32,7 @@ export function RamButton(props: IProps): React.ReactElement {
     <Tooltip
       title={
         <MathJaxContext>
-          <MathJax>{String.raw`\large{cost = 3.2 \times 10^3 \times 1.58^{log_2{(ram)}}}`}</MathJax>
+          <MathJax>{`\\(\\large{cost = 3.2 \\cdot 10^3 \\cdot 1.58^{log_2{(ram)}}}\\)`}</MathJax>
         </MathJaxContext>
       }
     >