@@ -3,7 +3,7 @@ import {navigate, useLocation} from "@reach/router";
33import { FaDatabase } from 'react-icons/fa' ;
44import { SidebarItemToggleResources } from 'layout/SidebarItemToggleResources' ;
55import { useProject } from 'providers/Project/projectHooks' ;
6- import { isUUUID , getParams } from "util/url" ;
6+ import { isUUUID , getParams , LOCAL_PROJECT_ID } from "util/url" ;
77
88type ResourcesExplorerButtonProps = {
99 address : string ;
@@ -13,22 +13,29 @@ export const ResourcesExplorerButton = (props: ResourcesExplorerButtonProps) =>
1313 const { project, setSelectedResourceAccount } = useProject ( ) ;
1414 const { address } = props ;
1515
16- const projectPath = isUUUID ( project . id ) ? project . id : "local" ;
16+ const projectPath = isUUUID ( project . id ) ? project . id : LOCAL_PROJECT_ID ;
1717
1818 const location = useLocation ( ) ;
1919 const params = getParams ( location . search ) ;
2020 const { type, id, storage } = params ;
2121
22+ let queryParams = type ? `&type=${ type } ` : "" ;
23+ queryParams += id ? `&id=${ id } ` : "" ;
24+ if ( storage ) {
25+ queryParams += storage === address ? "&storage=none" : `&storage=${ address } ` ;
26+ }
27+
28+ queryParams = queryParams . replace ( "&" , "?" )
29+
2230 return (
2331 < SidebarItemToggleResources
2432 onClick = { ( ) => {
2533 if ( address === storage ) {
2634 setSelectedResourceAccount ( 'none' ) ;
27- navigate ( `/${ projectPath } ?type=${ type } &id=${ id } &storage=${ 'none' } ` ) ;
2835 } else {
2936 setSelectedResourceAccount ( address ) ;
30- navigate ( `/${ projectPath } ?type=${ type } &id=${ id } &storage=${ address } ` ) ;
3137 }
38+ navigate ( `/${ projectPath } ${ queryParams } ` ) ;
3239 } }
3340 title = { 'Open the resources explorer' }
3441 active = { address === storage }
0 commit comments