add data request straking dashboard

app/javascript/src/pages/Dashboard/Dashboard.tsx

@@ -0,0 +1,28 @@
+import type { FC } from "react";
+import React from "react";
+import useSWR from "swr";
+
+import { useCurrentUser } from "../../contexts/UserProvider";
+import type { YieldwatchResponse } from "../../types/yieldwatch";
+
+export const Dashbaord: FC = () => {
+  const { user } = useCurrentUser();
+
+  const { data } = useSWR<YieldwatchResponse>(
+    `https://www.yieldwatch.net/api/all/${user?.walletAddress}?platforms=pancake`
+  );
+
+  if (data?.status === "0" || !data) return null;
+
+  return (
+    <div>
+      <ul>
+        <li>Ganho: {data.result.PancakeSwap.staking.totalUSDValues.yield}</li>
+        <li>
+          Depositado: {data.result.PancakeSwap.staking.totalUSDValues.deposit}
+        </li>
+        <li>Total: {data.result.PancakeSwap.staking.totalUSDValues.total}</li>
+      </ul>
+    </div>
+  );
+};

app/javascript/src/pages/Dashboard/index.ts

@@ -0,0 +1 @@
+export * from "./Dashboard";

app/javascript/src/pages/index.ts

@@ -1,3 +1,4 @@
+export * from "./Dashboard";
 export * from "./Home";
-export * from "./Wallet";
 export * from "./Orders";
+export * from "./Wallet";