Merge pull request #13387 from TylerAPfledderer/fix/table-stories-moc…

…k-link-styles fix(table.stories): reinstate mock link styles
ethereum · Jul 24, 2024 · 595a308 · 595a308
2 parents e6b177b + dac4b1c
commit 595a308
Showing 1 changed file with 22 additions and 50 deletions.
diff --git a/src/components/Table/stories/mockMdxData.tsx b/src/components/Table/stories/mockMdxData.tsx
@@ -1,6 +1,8 @@
 import * as React from "react"
 import { Tbody, Td, Th, Thead, Tr } from "@chakra-ui/react"
 
+import InlineLink from "@/components/Link"
+
 /*
  * Note on the Chakra Table components:
  *
@@ -65,159 +67,129 @@ export const MdxEnergyConsumpData = () => (
         <Td textAlign="end">200</Td>
         <Td textAlign="end">77,000x</Td>
         <Td>
-          <a
-            target="_blank"
-            rel="noopener"
+          <InlineLink
             href="https://www.iea.org/commentaries/data-centres-and-energy-from-global-headlines-to-local-headaches"
             dir="ltr"
           >
             source
-            <span aria-hidden="true">↗</span>
-          </a>
+          </InlineLink>
         </Td>
       </Tr>
       <Tr>
         <Td>Gold mining</Td>
         <Td textAlign="end">131</Td>
         <Td textAlign="end">50,000x</Td>
         <Td>
-          <a
-            target="_blank"
-            rel="noopener"
+          <InlineLink
             href="https://ccaf.io/cbnsi/cbeci/comparisons"
             dir="ltr"
           >
             source
-            <span aria-hidden="true">↗</span>
-          </a>
+          </InlineLink>
         </Td>
       </Tr>
       <Tr>
         <Td>Bitcoin</Td>
         <Td textAlign="end">131</Td>
         <Td textAlign="end">50,000x</Td>
         <Td>
-          <a
-            target="_blank"
-            rel="noopener"
+          <InlineLink
             href="https://ccaf.io/cbnsi/cbeci/comparisons"
             dir="ltr"
           >
             source
-            <span aria-hidden="true">↗</span>
-          </a>
+          </InlineLink>
         </Td>
       </Tr>
       <Tr>
         <Td>PoW Ethereum</Td>
         <Td textAlign="end">78</Td>
         <Td textAlign="end">30,000x</Td>
         <Td>
-          <a
-            target="_blank"
-            rel="noopener"
+          <InlineLink
             href="https://digiconomist.net/ethereum-energy-consumption"
             dir="ltr"
           >
             source
-            <span aria-hidden="true">↗</span>
-          </a>
+          </InlineLink>
         </Td>
       </Tr>
       <Tr>
         <Td>Youtube (direct only)</Td>
         <Td textAlign="end">12</Td>
         <Td textAlign="end">4600x</Td>
         <Td>
-          <a
-            target="_blank"
-            rel="noopener"
+          <InlineLink
             href="https://www.gstatic.com/gumdrop/sustainability/google-2020-environmental-report.pdf"
             dir="ltr"
           >
             source
-            <span aria-hidden="true">↗</span>
-          </a>
+          </InlineLink>
         </Td>
       </Tr>
       <Tr>
         <Td>Gaming in USA</Td>
         <Td textAlign="end">34</Td>
         <Td textAlign="end">13,000x</Td>
         <Td>
-          <a
-            target="_blank"
-            rel="noopener"
+          <InlineLink
             href="https://www.researchgate.net/publication/336909520_Toward_Greener_Gaming_Estimating_National_Energy_Use_and_Energy_Efficiency_Potential"
             dir="ltr"
           >
             source
-            <span aria-hidden="true">↗</span>
-          </a>
+          </InlineLink>
         </Td>
       </Tr>
       <Tr>
         <Td>Netflix</Td>
         <Td textAlign="end">0.451</Td>
         <Td textAlign="end">173x</Td>
         <Td>
-          <a
-            target="_blank"
-            rel="noopener"
+          <InlineLink
             href="https://assets.ctfassets.net/4cd45et68cgf/7B2bKCqkXDfHLadrjrNWD8/e44583e5b288bdf61e8bf3d7f8562884/2021_US_EN_Netflix_EnvironmentalSocialGovernanceReport-2021_Final.pdf"
             dir="ltr"
           >
             source
-            <span aria-hidden="true">↗</span>
-          </a>
+          </InlineLink>
         </Td>
       </Tr>
       <Tr>
         <Td>PayPal</Td>
         <Td textAlign="end">0.26</Td>
         <Td textAlign="end">100x</Td>
         <Td>
-          <a
-            target="_blank"
-            rel="noopener"
+          <InlineLink
             href="https://app.impaakt.com/analyses/paypal-consumed-264100-mwh-of-energy-in-2020-24-from-non-renewable-sources-27261"
             dir="ltr"
           >
             source
-            <span aria-hidden="true">↗</span>
-          </a>
+          </InlineLink>
         </Td>
       </Tr>
       <Tr>
         <Td>AirBnB</Td>
         <Td textAlign="end">0.02</Td>
         <Td textAlign="end">8x</Td>
         <Td>
-          <a
-            target="_blank"
-            rel="noopener"
+          <InlineLink
             href="https://s26.q4cdn.com/656283129/files/doc_downloads/governance_doc_updated/Airbnb-ESG-Factsheet-(Final).pdf"
             dir="ltr"
           >
             source
-            <span aria-hidden="true">↗</span>
-          </a>
+          </InlineLink>
         </Td>
       </Tr>
       <Tr>
         <Td>PoS Ethereum</Td>
         <Td textAlign="end">0.0026</Td>
         <Td textAlign="end">1x</Td>
         <Td>
-          <a
-            target="_blank"
-            rel="noopener"
+          <InlineLink
             href="https://carbon-ratings.com/eth-report-2022"
             dir="ltr"
           >
             source
-            <span aria-hidden="true">↗</span>
-          </a>
+          </InlineLink>
         </Td>
       </Tr>
     </Tbody>