@xylabs/sdk-react 2.9.33 → 2.9.36

package/src/components/EthAccount/EthAccount.tsx

@@ -14,6 +14,7 @@ const EthAccount: React.FC<EthAccountProps> = ({
   icon = false,
   iconSize = 16,
   iconOnly = false,
+  shortenedLength,
   addressLength = 'auto',
   fontFamily = '"Source Code Pro",monospace',
   toEtherScan,
@@ -40,7 +41,7 @@ const EthAccount: React.FC<EthAccountProps> = ({
     addressLength === 'long'
       ? addressToDisplay.toString()
       : addressLength === 'short'
-      ? addressToDisplay.toShortString()
+      ? addressToDisplay.toShortString(shortenedLength)
       : large
       ? addressToDisplay.toString()
       : addressToDisplay.toShortString()

package/src/components/EthAccount/EthAccountProps.tsx

@@ -6,6 +6,7 @@ import { ButtonExProps } from '../ButtonEx'
 interface EthAccountProps extends ButtonExProps {
   address?: EthAddress | null
   addressLength?: 'auto' | 'short' | 'long'
+  shortenedLength?: number
   full?: boolean
   icon?: boolean
   iconSize?: number

package/src/components/LinkEx/LinkToEx.tsx

@@ -3,11 +3,18 @@ import React from 'react'
 import { Link as RouterLink, To } from 'react-router-dom'
 
 interface Props extends LinkProps {
-  to: To
+  to?: To
 }
 
-const LinkToEx: React.FC<Props> = ({ to, ...props }) => {
-  return <Link component={RouterLink} to={to} {...props} />
+const LinkEx: React.FC<Props> = ({ to, ...props }) => {
+  if (to) {
+    return <Link component={RouterLink} to={to} {...props} />
+  } else {
+    return <Link {...props} />
+  }
 }
 
-export { LinkToEx }
+/** @deprecated use LinkEx instead */
+const LinkToEx = LinkEx
+
+export { LinkEx, LinkToEx }

package/src/components/LinkEx/index.ts

@@ -1,3 +1 @@
-import { LinkToEx } from './LinkToEx'
-
-export { LinkToEx }
+export * from './LinkToEx'