Merge pull request #7639 from ethereum/addKrystal

Add Krystal to the dapps page

src/intl/en/page-dapps.json

@@ -77,6 +77,7 @@
   "page-dapps-dapp-description-zapper": "Track your portfolio and use a range of DeFi products from one interface.",
   "page-dapps-dapp-description-zerion": "Manage your portfolio and simply evaluate every single DeFi asset on the market.",
   "page-dapps-dapp-description-rotki": "Open source portfolio tracking, analytics, accounting and tax reporting tool that respects your privacy.",
+  "page-dapps-dapp-description-krystal": "A one-stop platform to access all your favourite DeFi services.",
   "page-dapps-dapp-description-rarible": "Create, sell and buy tokenised collectibles.",
   "page-dapps-dapp-description-sablier": "Stream money in real-time.",
   "page-dapps-dapp-description-superrare": "Buy digital artworks direct from artists or in secondary markets.",
@@ -93,6 +94,7 @@
   "page-dapps-zapper-logo-alt": "Zapper logo",
   "page-dapps-zerion-logo-alt": "Zerion logo",
   "page-dapps-rotki-logo-alt": "Rotki logo",
+  "page-dapps-krystal-logo-alt": "Krystal logo",
   "page-dapps-desc": "Find an Ethereum application to try.",
   "page-dapps-doge-img-alt": "Illustration of a doge using a computer",
   "page-dapps-editors-choice-dark-forest": "Play against others to conquer planets and try out bleeding-edge Ethereum scaling/privacy technology. Maybe one for those already familiar with Ethereum.",

src/pages-conditional/dapps.tsx

@@ -847,6 +847,16 @@ const DappsPage = ({
       image: getImage(data.rotki),
       alt: translateMessageId("page-dapps-rotki-logo-alt", intl),
     },
+    {
+      title: "Krystal",
+      description: translateMessageId(
+        "page-dapps-dapp-description-krystal",
+        intl
+      ),
+      link: "https://defi.krystal.app/",
+      image: getImage(data.krystal),
+      alt: translateMessageId("page-dapps-krystal-logo-alt", intl),
+    },
   ]
 
   const computing = [
@@ -1890,6 +1900,9 @@ export const query = graphql`
     rotki: file(relativePath: { eq: "dapps/rotki.png" }) {
       ...dappImage
     }
+    krystal: file(relativePath: { eq: "dapps/krystal.png" }) {
+      ...dappImage
+    }
     poap: file(relativePath: { eq: "dapps/poap.png" }) {
       ...dappImage
     }