diff --git a/app/javascript/src/pages/Orders/Deposit/Deposit.tsx b/app/javascript/src/pages/Orders/Deposit/Deposit.tsx
index 99f18f9..28baeed 100644
--- a/app/javascript/src/pages/Orders/Deposit/Deposit.tsx
+++ b/app/javascript/src/pages/Orders/Deposit/Deposit.tsx
@@ -9,8 +9,10 @@ import { History } from "./History";
import { Create } from "./Create";
import { DepositProvider, useDepositContext } from "./DepositProvider";
import { Show } from "./Show";
+import { useCurrentUser } from "../../../contexts/UserProvider";
const Component: FC = () => {
+ const { isAuthenticated } = useCurrentUser();
const { fetchKey } = useDepositContext();
const { depositOrders } = useLazyLoadQuery
(
@@ -29,6 +31,8 @@ const Component: FC = () => {
}
);
+ if (!isAuthenticated) return ;
+
if (!depositOrders.totalCount)
return (
diff --git a/app/javascript/src/pages/Orders/Exchange/Exchange.tsx b/app/javascript/src/pages/Orders/Exchange/Exchange.tsx
index bd4e91b..beedf3e 100644
--- a/app/javascript/src/pages/Orders/Exchange/Exchange.tsx
+++ b/app/javascript/src/pages/Orders/Exchange/Exchange.tsx
@@ -6,8 +6,11 @@ import { useLazyLoadQuery } from "react-relay";
import { ExchangePanel } from "./ExchangePanel";
import { ExchangeHistory } from "./ExchangeHistory";
import type { ExchangeQuery } from "./__generated__/ExchangeQuery.graphql";
+import { Messages } from "../../../messages";
+import { useCurrentUser } from "../../../contexts/UserProvider";
export const Exchange = () => {
+ const { isAuthenticated } = useCurrentUser();
const data = useLazyLoadQuery(
graphql`
query ExchangeQuery {
@@ -25,6 +28,8 @@ export const Exchange = () => {
{}
);
+ if (!isAuthenticated) return ;
+
return (
diff --git a/app/javascript/src/pages/Orders/Stake/Stake.tsx b/app/javascript/src/pages/Orders/Stake/Stake.tsx
index 9a24b1a..94189b2 100644
--- a/app/javascript/src/pages/Orders/Stake/Stake.tsx
+++ b/app/javascript/src/pages/Orders/Stake/Stake.tsx
@@ -8,8 +8,10 @@ import { getStatusTextAndColors } from "../utils/processStatus";
import type { StakeQuery } from "./__generated__/StakeQuery.graphql";
import { Messages } from "../../../messages";
import { Table, TableRow } from "../../../components";
+import { useCurrentUser } from "../../../contexts/UserProvider";
export const Stake: FC = () => {
+ const { isAuthenticated } = useCurrentUser();
const { stakeOrders } = useLazyLoadQuery(
graphql`
query StakeQuery {
@@ -29,6 +31,8 @@ export const Stake: FC = () => {
{}
);
+ if (!isAuthenticated) return ;
+
if (!stakeOrders.edges.length)
return ;