fix: nano screens url params (#323)

src/screens/nano/BlueprintDetail.js

@@ -8,6 +8,7 @@
 import React, { useEffect, useRef, useState } from 'react';
 import hljs from 'highlight.js/lib/core';
 import python from 'highlight.js/lib/languages/python';
+import { useParams } from 'react-router-dom';
 import Loading from '../../components/Loading';
 import nanoApi from '../../api/nanoApi';
 
@@ -18,8 +19,8 @@ hljs.registerLanguage('python', python);
  *
  * @memberof Screens
  */
-function BlueprintDetail(props) {
-  const blueprintId = props.match.params.blueprint_id;
+function BlueprintDetail() {
+  const { blueprint_id: blueprintId } = useParams();
 
   // blueprintInformation {Object | null} Blueprint information
   const [blueprintInformation, setBlueprintInformation] = useState(null);

src/screens/nano/NanoContractDetail.js

@@ -7,7 +7,7 @@
 
 import React, { useEffect, useState } from 'react';
 import hathorLib from '@hathor/wallet-lib';
-import { Link } from 'react-router-dom';
+import { Link, useParams } from 'react-router-dom';
 import { useSelector } from 'react-redux';
 import NanoContractHistory from '../../components/nano/NanoContractHistory';
 import Loading from '../../components/Loading';
@@ -19,8 +19,8 @@ import txApi from '../../api/txApi';
  *
  * @memberof Screens
  */
-function NanoContractDetail(props) {
-  const ncId = props.match.params.nc_id;
+function NanoContractDetail() {
+  const { nc_id: ncId } = useParams();
 
   // ncState {Object | null} Nano contract state
   const [ncState, setNcState] = useState(null);