refactor: rename AddressTransactions

Author: lissavxo

…ents/Transaction/AddressTransactions.tsx …ts/Transaction/PaybuttonTransactions.tsxcomponents/Transaction/AddressTransactions.tsx renamed to components/Transaction/PaybuttonTransactions.tsx components/Transaction/AddressTransactions.tsx renamed to components/Transaction/PaybuttonTransactions.tsx

@@ -5,7 +5,7 @@ import BCHIcon from 'assets/bch-logo.png'
 import EyeIcon from 'assets/eye-icon.png'
 import CheckIcon from 'assets/check-icon.png'
 import XIcon from 'assets/x-icon.png'
-import TableContainerGetter from '../../components/TableContainer/TableContainerGetter'
+import TableContainerGetter from '../TableContainer/TableContainerGetter'
 import { compareNumericString } from 'utils/index'
 import moment from 'moment-timezone'
 import { XEC_TX_EXPLORER_URL, BCH_TX_EXPLORER_URL } from 'constants/index'
@@ -27,8 +27,8 @@ function fetchTransactionsByPaybuttonId (paybuttonId: string): Function {
       }
     })
     const responseCount = await fetch(`/api/paybutton/transactions/count/${paybuttonId}`)
-    const transactions = await response.json();
-    const count = await responseCount.json();
+    const transactions = await response.json()
+    const count = await responseCount.json()
     return {
       data: transactions.transactions,
       totalCount: count
@@ -94,12 +94,12 @@ export default ({ paybuttonId, addressSyncing, tableRefreshCount, timezone = mom
                   <Image src={EyeIcon} alt='View on explorer' />
                 </div>
               </a>
-            </div>         
+            </div>
           )
         }
       },
       {
-        Header: () => (<div style={{marginRight: '1px'}}>Address</div>),
+        Header: () => (<div style={{ marginRight: '1px' }}>Address</div>),
         accessor: 'address.address',
         shrinkable: true,
         Cell: (cellProps) => {
@@ -109,7 +109,7 @@ export default ({ paybuttonId, addressSyncing, tableRefreshCount, timezone = mom
             </div>
           )
         }
-      },
+      }
     ],
     []
   )

components/Transaction/index.tsx

@@ -1,5 +1,5 @@
-import AddressTransactions from './AddressTransactions'
+import PaybuttonTransactions from './PaybuttonTransactions'
 
 export {
-  AddressTransactions
+  PaybuttonTransactions
 }

pages/button/[id].tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'
 import Page from 'components/Page'
 import { PaybuttonDetail } from 'components/Paybutton'
 import { PaybuttonWithAddresses } from 'services/paybuttonService'
-import { AddressTransactions } from 'components/Transaction'
+import { PaybuttonTransactions } from 'components/Transaction'
 import supertokensNode from 'supertokens-node'
 import * as SuperTokensConfig from '../../config/backendConfig'
 import Session from 'supertokens-node/recipe/session'
@@ -207,7 +207,7 @@ export default function PayButton (props: PaybuttonProps): React.ReactElement {
           </div>
         </div>
 
-        <AddressTransactions addressSyncing={isSyncing} paybuttonId={paybutton.id} tableRefreshCount={tableRefreshCount} timezone={timezone}/>
+        <PaybuttonTransactions addressSyncing={isSyncing} paybuttonId={paybutton.id} tableRefreshCount={tableRefreshCount} timezone={timezone}/>
         <PaybuttonTrigger emailCredits={userProfile.emailCredits} paybuttonId={paybutton.id}/>
       </>
     )