Merge pull request #19 from xchainjs/leodex

LeoDex in featured integrations

Author: Thorian1te

components/Icon/Icon.tsx

@@ -14,7 +14,8 @@ import {
   SwapperIcon,
   XIcon,
   TelegramIcon,
-  CacaoSwapIcon
+  CacaoSwapIcon,
+  LeoDexIcon
 } from './icons'
 import { UfoIcon } from './icons/UfoIcon'
 
@@ -35,7 +36,8 @@ export enum IconClass {
   TELEGRAM,
   UFO,
   X,
-  CACAOSWAP
+  CACAOSWAP,
+  LEODEX
 }
 
 interface Props {
@@ -61,6 +63,7 @@ export function Icon ({ iconClass, className }: Props) {
   if (iconClass === IconClass.UFO) return <UfoIcon className={className}></UfoIcon>
   if (iconClass === IconClass.X) return <XIcon className={className}></XIcon>
   if (iconClass === IconClass.CACAOSWAP) return <CacaoSwapIcon className={className}></CacaoSwapIcon>
+  if (iconClass === IconClass.LEODEX) return <LeoDexIcon className={className}></LeoDexIcon>
 
   return <></>
 }

components/Icon/icons/LeoDexIcon.tsx

@@ -0,0 +1,12 @@
+interface Props {
+  className?: string
+}
+
+export function LeoDexIcon ({ className }: Props) {
+  return (
+    <svg className={className} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" fill='currentcolor'>
+      <polygon points="758.66 303.94 700.99 385.34 582.33 455.39 601.62 570.2 500.05 639.55 398.48 570.2 417.76 455.39 299.1 385.34 241.41 303.94 447.36 369.02 425.03 535.52 500.05 564.73 575.06 535.52 552.74 369.02 758.66 303.94"/>
+      <polygon points="500.05 639.55 438.99 673.19 298.92 570.2 222.9 297.24 204.3 289.64 165.67 519.67 500.05 790.36 834.39 519.67 795.74 289.64 777.19 297.24 701.11 570.2 561.09 673.19 500.05 639.55"/>
+    </svg>
+  )
+}

components/Icon/icons/index.ts

@@ -15,6 +15,7 @@ import { UfoIcon } from './UfoIcon'
 import { XIcon } from './XIcon'
 import { LeapWalletIcon } from './LeapWalletIcon'
 import { CacaoSwapIcon } from './CacaoSwapIcon'
+export { LeoDexIcon } from './LeoDexIcon'
 
 export {
   AsgardexIcon,

src/app/page.tsx

@@ -43,6 +43,7 @@ export default function Home () {
               <IntegrationCard key='swapper' iconClass={IconClass.SWAPPER} name='Swapper' url='https://swapper.market/' description='The heroes with dreams bigger than the cosmos. A simple UI and a vision to make your crypto journey seamless. Expect big things!'/>
               <IntegrationCard key='leapwallet' iconClass={IconClass.LEAP_WALLET} name='Leap Wallet' url='https://www.leapwallet.io/' description='Super Wallet for the Internet of Blockchains. Your gateway to 60+ Cosmos chains!'/>
               <IntegrationCard key='CacaoSwap' iconClass={IconClass.CACAOSWAP} name='Cacao Swap' url='https://cacaoswap.app/' description='CacaoSwap app is the supercharged front end, pairing great UX/UI with truly decentralised swaps. Backed and powered by MAYAChain and THORChain and built for you'/>
+              <IntegrationCard key='LeoDex' iconClass={IconClass.LEODEX} name='LeoDex' url='https://leodex.io/' description='Multi-chain DEX interface that bridges the gap of functionality and usability. Built by the LEO Ecosystem, powered by Maya Protocol and aggregating HIVE Swaps.'/>
           </div>
         </div>
       </section>