fix: improve powered by with dynamic configuration

lifinance · Dec 12, 2024 · 5788cbc · 5788cbc
1 parent 1b4df34
commit 5788cbc
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/packages/widget/src/components/PoweredBy/PoweredBy.tsx b/packages/widget/src/components/PoweredBy/PoweredBy.tsx
@@ -1,8 +1,22 @@
 import { Box, Tooltip, Typography } from '@mui/material'
 import { version } from '../../config/version.js'
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'
 import { Link } from './PoweredBy.style.js'
 
+const poweredByConfig = {
+  default: {
+    url: 'https://li.fi',
+    text: 'LI.FI',
+  },
+  jumper: {
+    url: 'https://jumper.exchange',
+    text: 'Jumper',
+  },
+}
+
 export const PoweredBy: React.FC = () => {
+  const { poweredBy = 'default' } = useWidgetConfig()
+
   return (
     <Box
       pt={1}
@@ -16,7 +30,7 @@ export const PoweredBy: React.FC = () => {
     >
       <Tooltip title={`v${version}`} enterDelay={1000}>
         <Link
-          href="https://li.fi"
+          href={poweredByConfig[poweredBy].url}
           target="_blank"
           underline="none"
           color="text.primary"
@@ -30,7 +44,7 @@ export const PoweredBy: React.FC = () => {
             Powered by
           </Typography>
           <Typography color="text.primary" fontSize={12} fontWeight={600}>
-            LI.FI
+            {poweredByConfig[poweredBy].text}
           </Typography>
         </Link>
       </Tooltip>

diff --git a/packages/widget/src/types/widget.ts b/packages/widget/src/types/widget.ts
@@ -188,6 +188,8 @@ export type WidgetLanguages = {
   default?: LanguageKey
 } & AllowDeny<LanguageKey>
 
+export type PoweredByType = 'default' | 'jumper'
+
 export interface WidgetConfig {
   fromChain?: number
   toChain?: number
@@ -239,6 +241,7 @@ export interface WidgetConfig {
   languageResources?: LanguageResources
   explorerUrls?: Record<number, string[]> &
     Partial<Record<'internal', string[]>>
+  poweredBy?: PoweredByType
 }
 
 export interface FormFieldOptions {