redirect on time column and change stellar to pi

Relaxx42 · Oct 7, 2021 · eb839a0 · eb839a0
1 parent 74b19b2
commit eb839a0
Show file tree

Hide file tree

Showing 7 changed files with 37 additions and 15 deletions.
diff --git a/src/components/Effect.js b/src/components/Effect.js
@@ -265,7 +265,7 @@ class Effect extends React.Component {
         <td>
           <TimeSynchronisedFormattedRelative
             initialNow={this.props.parentRenderTimestamp}
-            value={effect.createdAt}
+            time={effect.createdAt}
           />
         </td>
         <td>

diff --git a/src/components/LedgerTable.js b/src/components/LedgerTable.js
@@ -25,7 +25,8 @@ const LedgerRow = props => (
       <span title={props.time}>
         <TimeSynchronisedFormattedRelative
           initialNow={props.parentRenderTimestamp}
-          value={props.time}
+          time={props.time}
+          hash={props.hash}
         />
       </span>
     </td>

diff --git a/src/components/TradeTable.js b/src/components/TradeTable.js
@@ -74,7 +74,7 @@ const Trade = ({account, singleAccountView, trade, parentRenderTimestamp}) => {
         <span title={trade.time}>
           <TimeSynchronisedFormattedRelative
             initialNow={parentRenderTimestamp}
-            value={trade.time}
+            time={trade.time}
           />
         </span>
       </td>

diff --git a/src/components/TransactionTable.js b/src/components/TransactionTable.js
@@ -16,7 +16,7 @@ class TransactionRow extends React.Component {
       hash,
       sourceAccount,
       ledger,
-      parentRenderTimestamp,
+      // parentRenderTimestamp,
       opCount,
       showLedger,
       showSource,
@@ -43,8 +43,9 @@ class TransactionRow extends React.Component {
         <td>
           <span title={time}>
             <TimeSynchronisedFormattedRelative
-              initialNow={parentRenderTimestamp}
-              value={time}
+              // initialNow={parentRenderTimestamp}
+              time={time}
+              hash={hash}
             />
           </span>
         </td>

diff --git a/src/components/layout/SearchBox.js b/src/components/layout/SearchBox.js
@@ -105,7 +105,7 @@ const HelpModal = props => (
       <hr />
       <h4>OpenSearch:</h4>
       <div>
-        Stellar Explorer supports{' '}
+        Pi Blockexplorer supports{' '}
         <a
           target="_blank"
           rel="noopener noreferrer"
@@ -115,7 +115,7 @@ const HelpModal = props => (
         </a>
         . This allows you to search directly from your browser search box or
         search bar. You should see something like the following when you
-        navigate to Stellar Explorer then open the search box. Install it from
+        navigate to Pi Blockexplorer then open the search box. Install it from
         there:
         <br />
         <img

diff --git a/src/components/operations/Operation.js b/src/components/operations/Operation.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
 import {shortAddress} from '../../lib/utils'
 
 import AccountLink from '../shared/AccountLink'
-import JSONButton from '../shared/JSONButton'
+// import JSONButton from '../shared/JSONButton'
 import TimeSynchronisedFormattedRelative from '../shared/TimeSynchronizedFormattedRelative'
 import TransactionHash from '../shared/TransactionHash'
 import OperationType from '../shared/OperationType'
@@ -79,6 +79,7 @@ const Operation = ({compact, op, opURLFn, parentRenderTimestamp}) => {
       <td className="account-badge">{acc}</td>
       <td>
         <SubOperation op={op} />
+
       </td>
       {compact === false && (
         <td class = "block-column">
@@ -96,8 +97,9 @@ const Operation = ({compact, op, opURLFn, parentRenderTimestamp}) => {
       <td > 
         <span title={op.time}>
           <TimeSynchronisedFormattedRelative
-            initialNow={parentRenderTimestamp}
-            value={op.time}
+            // initialNow={parentRenderTimestamp}
+            time={op.time}
+            hash={op.transactionHash}
           />
         </span>
       </td>

diff --git a/src/components/shared/TimeSynchronizedFormattedRelative.js b/src/components/shared/TimeSynchronizedFormattedRelative.js
@@ -7,8 +7,26 @@ import {FormattedRelative} from 'react-intl'
  * This version allows synchronisation of multiple FormattedRelative time 
  * components that were created at various times to a single baseline now value.
  */
-export default class extends FormattedRelative {
-  componentWillReceiveProps({initialNow: nextNow}) {
-    this.setState({now: nextNow})
-  }
+// export default class extends FormattedRelative {
+//   componentWillReceiveProps({initialNow: nextNow}) {
+//     this.setState({now: nextNow})
+//   }
+// }
+import React from 'react'
+import PropTypes from 'prop-types'
+import {Link} from 'react-router-dom'
+
+const TimeSynchronizedFormattedRelative = ({hash,time}) => {
+  return (
+    <span title={hash}>
+      { hash ? <Link to={`/tx/${hash}`} ><FormattedRelative value={time} /></Link>
+      : <FormattedRelative value={time} />}
+    </span>
+  )
+}
+
+TimeSynchronizedFormattedRelative.propTypes = {
+  hash: PropTypes.string,
+  time: PropTypes.string,
 }
+export default TimeSynchronizedFormattedRelative