diff --git a/src/components/common/DisplayLongString/DisplayLongString.js b/src/components/common/DisplayLongString/DisplayLongString.js index e963c22..5fddc1f 100644 --- a/src/components/common/DisplayLongString/DisplayLongString.js +++ b/src/components/common/DisplayLongString/DisplayLongString.js @@ -6,9 +6,9 @@ const cx = cn.bind(styles); const CUT_DISPLAY = 12; -export default function({inputString = "", long = false, displayThresh = CUT_DISPLAY}) { +export default function({inputString = "", long = false, displayThresh = CUT_DISPLAY, medium = false}) { return ( - + {inputString.substr(0, displayThresh)} {inputString.substr(displayThresh, inputString.length - displayThresh * 2)} {inputString.substr(inputString.length - displayThresh, inputString.length)} diff --git a/src/components/common/DisplayLongString/DisplayLongString.scss b/src/components/common/DisplayLongString/DisplayLongString.scss index 3bb6faa..9bb3269 100644 --- a/src/components/common/DisplayLongString/DisplayLongString.scss +++ b/src/components/common/DisplayLongString/DisplayLongString.scss @@ -22,4 +22,16 @@ display: none; } } +} + +.DisplayMedium-wrapper { + overflow-x: visible; + @include media(" { React.useEffect(() => { if (!_.isNil(state.data?.height) && !state.error) { - setAltLink(`https://explorer.binance.org/tx${window.location.pathname.split("/txs")[1]}`); + setAltLink(`https://explorer.binance.org/tx/${data}`); } - }, [state]); + }, [state, data]); if (!_.isNil(route) && !state.error && _.isNil(state.data)) return ; @@ -44,7 +45,13 @@ const NotFound = ({altText = "Sorry! Page Not Found"}) => { ) : (
not found +
+

+ +

+

Tx can be found in binance explorer

+