Add dynamic routes and tx hash support (#145)

* Add dynamic routes and tx hash support

* Routing updates

Prop name change

* Use dynamic routes with search bar

* Update snapshot

* update packages

* Delete customPropTypes.js

* Use isAddress util

* Remove comma

* Rename cidHref to txIDHref

* Remove query param routes for /tx and /actor

* Update new routes

* Fix new routes

* Delete index.ts

* Rename MessageDetail to Transaction

* Update Transaction.tsx

* Rename Transaction to TxView

* Rename ActorDetail to AddressView

* Use normal OneColumn in AddressView

* Remove unused import

* Update react-components

* Update index.test.tsx.snap

Co-authored-by: Thijs van Hoof <[email protected]>

constants.ts

@@ -3,7 +3,9 @@ export enum PAGE {
   LANDING = '/',
   ACTOR = '/actor',
   MESSAGE = '/message',
-  ETHEREUM = '/ethereum'
+  ETHEREUM = '/ethereum',
+  ADDRESS = '/address',
+  TX = '/tx'
 }
 
 export const GLIF_DISCORD = 'https://discord.gg/B9ju5Eu4Rq'

package.json

@@ -22,11 +22,11 @@
   "dependencies": {
     "@apollo/client": "^3.6.9",
     "@glif/base-css": "^0.0.33",
-    "@glif/filecoin-address": "^2.0.16",
-    "@glif/filecoin-message": "^2.0.15",
+    "@glif/filecoin-address": "^2.0.17",
+    "@glif/filecoin-message": "^2.0.17",
     "@glif/filecoin-number": "^2.0.5",
     "@glif/logger": "^2.0.1",
-    "@glif/react-components": "^2.0.6",
+    "@glif/react-components": "^2.0.7",
     "ethers": "^5.7.2",
     "next": "^12.2.3",
     "prop-types": "^15.8.1",

pages-test/__snapshots__/index.test.tsx.snap

@@ -430,7 +430,7 @@ exports[`IndexPage it renders correctly 1`] = `
           class="c10 c11"
         >
           <h2>
-            Search for an address or a message CID
+            Search for an address, message CID, or transaction hash
           </h2>
           <div
             class="c12"
@@ -440,7 +440,7 @@ exports[`IndexPage it renders correctly 1`] = `
                 autocomplete="on"
                 class="large"
                 name="search-address-message"
-                placeholder="Enter an address or message CID"
+                placeholder="Enter an address, message CID or tx hash"
                 type="search"
                 value=""
               />