phzhik/chain-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

better way

Browse Source
This commit is contained in:
Robert 2024-03-08 22:42:57 +07:00
parent 6f77a07cda
commit d380f259b1
No known key found for this signature in database
GPG Key ID: F631C7FD957D5F22
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/routes/$namespace/$chainId.tsx
View File

@ -1,18 +1,13 @@
import { redirect } from "@tanstack/react-router"; import { redirect } from "@tanstack/react-router";
import { useParams } from "@tanstack/react-router";
import { requireChains } from "@/entities/chain/lib"; import { requireChains } from "@/entities/chain/lib";
import { createFileRoute } from "@tanstack/react-router"; import { createFileRoute } from "@tanstack/react-router";
import { useNavigate } from "@tanstack/react-router";
import { useChainState } from "@/entities/chain/model"; import { useChainState } from "@/entities/chain/model";
import { Typography } from "@mui/material"; import { Typography } from "@mui/material";
import { ChainButtons } from "@/widgets/chain-buttons"; import { ChainButtons } from "@/widgets/chain-buttons";
function ChainPage() { function ChainPage() {
const navigate = useNavigate({ from: "/$namespace/$chainId" }); const { chain } = Route.useLoaderData();
const { chainId } = useParams({ from: "/$namespace/$chainId" });
const chain = useChainState((state) => state.getChain(chainId));
if (!chain) return navigate({ to: "/$namespace" });
return ( return (
<> <>
@ -43,5 +38,7 @@ export const Route = createFileRoute("/$namespace/$chainId")({
const selectedChain = chainState.getChain(params.chainId); const selectedChain = chainState.getChain(params.chainId);
if (!selectedChain) throw redirect({ to: "/$namespace", params }); if (!selectedChain) throw redirect({ to: "/$namespace", params });
return { chain: selectedChain };
}, },
}); });