Skip to content

Commit

Permalink
fix(web): debug-sdk-bug
Browse files Browse the repository at this point in the history
  • Loading branch information
Harman-singh-waraich committed Mar 4, 2024
1 parent d8cf199 commit dcc0d7b
Show file tree
Hide file tree
Showing 3 changed files with 27 additions and 23 deletions.
27 changes: 15 additions & 12 deletions web/src/app.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@ import Courts from "./pages/Courts";
import DisputeTemplateView from "./pages/DisputeTemplateView";
import DisputeResolver from "./pages/Resolver";
import GetPnk from "./pages/GetPnk";
import { LifiProvider } from "./context/LiFiProvider";

const App: React.FC = () => {
return (
Expand All @@ -28,18 +29,20 @@ const App: React.FC = () => {
<Web3Provider>
<IsListProvider>
<NewDisputeProvider>
<SentryRoutes>
<Route path="/" element={<Layout />}>
<Route index element={<Home />} />
<Route path="cases/*" element={<Cases />} />
<Route path="courts/*" element={<Courts />} />
<Route path="dashboard/:page/:order/:filter" element={<Dashboard />} />
<Route path="disputeTemplate" element={<DisputeTemplateView />} />
<Route path="resolver/*" element={<DisputeResolver />} />
<Route path="getPnk/*" element={<GetPnk />} />
<Route path="*" element={<h1>Justice not found here ¯\_( ͡° ͜ʖ ͡°)_/¯</h1>} />
</Route>
</SentryRoutes>
<LifiProvider>
<SentryRoutes>
<Route path="/" element={<Layout />}>
<Route index element={<Home />} />
<Route path="cases/*" element={<Cases />} />
<Route path="courts/*" element={<Courts />} />
<Route path="dashboard/:page/:order/:filter" element={<Dashboard />} />
<Route path="disputeTemplate" element={<DisputeTemplateView />} />
<Route path="resolver/*" element={<DisputeResolver />} />
<Route path="getPnk/*" element={<GetPnk />} />
<Route path="*" element={<h1>Justice not found here ¯\_( ͡° ͜ʖ ͡°)_/¯</h1>} />
</Route>
</SentryRoutes>
</LifiProvider>
</NewDisputeProvider>
</IsListProvider>
</Web3Provider>
Expand Down
18 changes: 10 additions & 8 deletions web/src/context/LiFiProvider.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -66,16 +66,18 @@ export const LifiProvider: React.FC<{ children: React.ReactNode }> = ({ children
const signer = useEthersSigner({ chainId: swapData.fromChainId });
const routeRequest = useMemo(() => constructRouteRequest(swapData), [swapData]);

const lifi = useMemo(
() =>
new LiFi({
integrator: "Kleros",
apiUrl: "https://staging.li.quest/v1",
}),
[]
);
const resetRoutes = () => {
setSelectedRoute(undefined);
setRoutes([]);
};

const lifi = new LiFi({
integrator: "Kleros",
apiUrl: "https://staging.li.quest/v1",
});

// update tokens for the chain
useEffect(() => {
resetRoutes();
Expand All @@ -93,7 +95,7 @@ export const LifiProvider: React.FC<{ children: React.ReactNode }> = ({ children
.getTokenBalance(address, fromToken)
.then((res) => setSwapData({ ...swapData, tokenBalance: res?.amount }))
.catch((err) => console.log("Error fetching token balance: ", { err }));
}, [swapData.fromToken, address, tokens, swapData.fromTokenAddress]);
}, [swapData.fromToken, address, tokens, swapData.fromTokenAddress, lifi]);

useDebounce(
() => {
Expand Down Expand Up @@ -138,7 +140,7 @@ export const LifiProvider: React.FC<{ children: React.ReactNode }> = ({ children
return { status: false };
})
.finally(() => setIsExecuting(false));
}, [routes, signer]);
}, [routes, signer, lifi]);

return (
<LifiContext.Provider
Expand Down
5 changes: 2 additions & 3 deletions web/src/pages/GetPnk/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@ import Swap from "./Swap";
import Settings from "./Settings";
import { useToggle } from "react-use";
import ClaimPnkButton from "components/ClaimPnkButton";
import { LifiProvider } from "context/LiFiProvider";

const Container = styled.div`
width: 100%;
Expand All @@ -31,7 +30,7 @@ const StyledCard = styled(Card)`
const GetPnk: React.FC = () => {
const [settingsOpen, toggleSettings] = useToggle(false);
return (
<LifiProvider>
<>
<HeroImage />
<Container>
<ClaimPnkButton />
Expand All @@ -40,7 +39,7 @@ const GetPnk: React.FC = () => {
{settingsOpen ? <Settings /> : <Swap />}
</StyledCard>
</Container>
</LifiProvider>
</>
);
};

Expand Down

0 comments on commit dcc0d7b

Please sign in to comment.