Add sandboxnet

package.json

@@ -3,8 +3,10 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@onflow/fcl": "^0.0.78-alpha.8",
-    "@onflow/types": "0.0.4",
+    "@onflow/fcl": "^1.3.3-alpha.0",
+    "@onflow/transport-grpc": "1.1.4",
+    "@onflow/transport-http": "1.5.1-alpha.0",
+    "@onflow/types": "1.0.5",
     "ace-builds": "^1.4.12",
     "react": "17.0.2",
     "react-ace": "9.4.0",

src/comps/default.js

@@ -79,6 +79,14 @@ export function Default() {
         mainnet <Status href="/mainnet/status"><small><Good>STATUS</Good></small></Status>
       </label>
       <br />
+      <label>
+        <input type="radio" name="environment"
+          defaultChecked={environment === "sandboxnet"}
+          onChange={() => setEnvironment("sandboxnet")}
+        />
+        sandboxnet  <Status href="/sandboxnet/status"><small><Good>STATUS</Good></small></Status>
+      </label>
+      <br />
       <label>
         <input type="radio" name="environment"
           defaultChecked={environment === "canarynet"}

src/config/canarynet-config.comp.js

@@ -1,12 +1,15 @@
 import * as fcl from "@onflow/fcl"
 import {useEffect} from "react"
+import {send} from "@onflow/transport-http"
 
 export function CanarynetConfig() {
   useEffect(() => {
     fcl
       .config()
       .put("env", "canarynet")
-      .put("accessNode.api", "https://canary.onflow.org")
+      .put("flow.network", "canarynet")
+      .put("accessNode.api", "https://rest-canary.onflow.org")
+      .put("sdk.transport", send)
       .put("discovery.wallet", "https://fcl-discovery.onflow.org/canarynet/authn")
       .put("fcl.eventsPollRate", 2500)
       .put("0xLockedTokens", "0x95e019a17d0e23d7")

src/config/mainnet-config.comp.js

@@ -1,12 +1,15 @@
 import * as fcl from "@onflow/fcl"
 import {useEffect} from "react"
+import {send} from "@onflow/transport-http"
 
 export function MainnetConfig() {
   useEffect(() => {
     fcl
       .config()
       .put("env", "mainnet")
-      .put("accessNode.api", "https://access-mainnet-beta.onflow.org")
+      .put("flow.network", "mainnet")
+      .put("accessNode.api", "https://rest-mainnet.onflow.org")
+      .put("sdk.transport", send)
       .put("discovery.wallet", "https://fcl-discovery.onflow.org/authn")
       .put("fcl.eventsPollRate", 2500)
       .put("0xLockedTokens", "0x8d0e87b65159ae63")

src/config/sandboxnet-config.comp.js

@@ -0,0 +1,22 @@
+import * as fcl from "@onflow/fcl"
+import {useEffect} from "react"
+import {send} from "@onflow/transport-http"
+
+export function SandboxConfig() {
+  useEffect(() => {
+    fcl
+      .config()
+      .put("env", "sandboxnet")
+      .put("flow.network", "sandboxnet")
+      .put("accessNode.api", "https://rest-sandboxnet.onflow.org")
+      .put("sdk.transport", send)
+      .put("discovery.wallet", "https://fcl-discovery.onflow.org/sandboxnet/authn")
+      .put("fcl.eventsPollRate", 2500)
+      .put("0xLockedTokens", "0xf4527793ee68aede")
+      .put("0xFungibleToken", "0xe20612a0776ca4bf")
+      .put("0xFlowToken", "0x0661ab7d6696a460")
+      .put("contract.LockedTokens", "0x95e019a17d0e23d7")
+      .put("contract.FungibleToken", "0x9a0766d93b6608b7")
+  }, [])
+  return null
+}

src/config/testnet-config.comp.js

@@ -1,17 +1,20 @@
 import {config} from "@onflow/fcl"
 import {useEffect} from "react"
+import {send} from "@onflow/transport-http"
 
 export function TestnetConfig() {
   useEffect(() => {
     config({
       env: "testnet",
-      "accessNode.api": "https://access-testnet.onflow.org",
+      "flow.network": "testnet",
+      "accessNode.api": "https://rest-testnet.onflow.org",
       "discovery.wallet": "https://fcl-discovery.onflow.org/testnet/authn",
       "fcl.eventsPollRate": 2500,
       "0xLockedTokens": "0x95e019a17d0e23d7",
       "0xFungibleToken": "0x9a0766d93b6608b7",
       "0xFUSD": "0xe223d8a629e49c68",
     })
+    config.put("sdk.transport", send)
   }, [])
   return null
 }

src/index.js

@@ -5,6 +5,7 @@ import {RecoilRoot} from "recoil"
 import {BrowserRouter as Router, Route, Switch} from "react-router-dom"
 import {MainnetConfig} from "./config/mainnet-config.comp"
 import {TestnetConfig} from "./config/testnet-config.comp"
+import {SandboxConfig} from "./config/sandboxnet-config.comp"
 import {CanarynetConfig} from "./config/canarynet-config.comp"
 import {GlobalStyles} from "./styles/global"
 
@@ -42,6 +43,7 @@ ReactDOM.render(
       <Router>
         <Route path="/mainnet/" component={MainnetConfig} />
         <Route path="/testnet/" component={TestnetConfig} />
+        <Route path="/sandboxnet/" component={SandboxConfig} />
         <Route path="/canarynet/" component={CanarynetConfig} />
         <Switch>
           <Route exact path="/:env/account/Fx:address" component={Account} />
@@ -54,17 +56,9 @@ ReactDOM.render(
           <Route exact path="/:env/account/0x:address/contract/new" component={AccountContractNew} />
           <Route exact path="/:env/account/0x:address/contract/:name" component={AccountContract} />
 
-          <Route exact path="/mainnet/tx/:txId" component={TxStatus} />
-          <Route exact path="/testnet/tx/:txId" component={TxStatus} />
-          <Route exact path="/carnarynet/tx/:txId" component={TxStatus} />
-
-          <Route exact path="/mainnet/event/:eventKey" component={Event} />
-          <Route exact path="/testnet/event/:eventKey" component={Event} />
-          <Route exact path="/canarynet/event/:eventKey" component={Event} />
-
-          <Route exact path="/mainnet/status" component={Status} />
-          <Route exact path="/testnet/status" component={Status} />
-          <Route exact path="/canarynet/status" component={Status} />
+          <Route exact path="/:env/tx/:txId" component={TxStatus} />
+          <Route exact path="/:env/event/:eventKey" component={Event} />
+          <Route exact path="/:env/status" component={Status} />
 
           <Route component={NoMatch} />
         </Switch>
@@ -73,8 +67,3 @@ ReactDOM.render(
   </React.StrictMode>,
   document.getElementById("root")
 )
-
-// <Route exact path="/mainnet/account/Fx:address" component={Account} />
-// <Route exact path="/testnet/account/Fx:address" component={Account} />
-// <Route exact path="/mainnet/account/0x:address" component={Account} />
-// <Route exact path="/testnet/account/0x:address" component={Account} />

src/pages/account/keys.js

@@ -31,8 +31,8 @@ const Header = () => {
 
 const fmtCurve = i =>
   ({
-    2: "ECDSA_P256",
-    3: "ECDSA_secp256k1",
+    1: "ECDSA_P256",
+    2: "ECDSA_secp256k1",
   }[i] || "--")
 
 const fmtHash = i =>
@@ -45,6 +45,8 @@ export function Page() {
   const {address} = useParams()
   const keys = useAccountKeys(address)
 
+  console.log('key ->', keys)
+
   return (
     <Base sidebar={<SideBar />} header={<Header />}>
       <div style={{padding: "13px"}}>