resolves #1031

[kevinunger]

• issue query params to load specific chains #1031
• Added query params

Changes in App.vue in router watcher:

• Check if params are in URL, if so check if chain is supported --> change network in MM and set localstorage 'currentChain'
• If chain in params === chain in localStorage or no params given --> add params to URL

Changes in Options.vue:

• change of chain from the options page --> add chain to params

Changes in Common.ts:

• if change of chain comes from MM --> add chain to params

Used router.replace the way I did to avoid a refresh and to avoid the redundant navigation warning from vue-router

[kevinunger]

and @Chriserus maybe you know how to replace the (this as any).$router here
Typescript error when not doing the (this as any)-thing is this:
Property '$router' does not exist on type 'CombinedVueInstance<Vue, Data, { toggleGraphics(): void; toggleRewards(): void; toggleAdvanced(): void; onClaimTokens(): Promise<void>; claimSkill(stage: ClaimStage): Promise<...>; ... 11 more ...; fetchPartnerProjects(): Promise<...>; }, { ...; }, Readonly<...>>'.
🤷‍♂️

vuejs/vue#8721

[kevinunger]

If anyone wants to test locally (on production or testnet (beware, testnet avax/polygon/oec are reaaaly slow)) change:

cryptoblades/frontend/src/utils/common.ts

Line 24 in 83dbbcb

const env = window.location.href.startsWith('https://test') ? 'test' : 'production';

to const env = 'production'
and in contracts.ts:
(

cryptoblades/frontend/src/contracts.ts

Lines 95 to 96 in 83dbbcb

	if(process.env.NODE_ENV === 'development') return '';
	const env = window.location.href.startsWith('https://test') ? 'test' : 'production';

)
comment L95
L96: const env='production'

[kcper]

There's a router being used in common.ts without as any conversion. You could create and export a function in common.ts that will do router.replace and call it from here.

[Chriserus]

Checked it, should work, you can also change (this as any).$router that's in NftDisplay component

[kevinunger]

@kcper @Chriserus Thanks, worked!