diff --git a/apps/web/src/components/Staff/Stats/NftRevenue.tsx b/apps/web/src/components/Staff/Revenue/NftRevenue.tsx
similarity index 100%
rename from apps/web/src/components/Staff/Stats/NftRevenue.tsx
rename to apps/web/src/components/Staff/Revenue/NftRevenue.tsx
diff --git a/apps/web/src/components/Staff/Stats/ProRevenue.tsx b/apps/web/src/components/Staff/Revenue/ProRevenue.tsx
similarity index 100%
rename from apps/web/src/components/Staff/Stats/ProRevenue.tsx
rename to apps/web/src/components/Staff/Revenue/ProRevenue.tsx
diff --git a/apps/web/src/components/Staff/Stats/SignupRevenue.tsx b/apps/web/src/components/Staff/Revenue/SignupRevenue.tsx
similarity index 100%
rename from apps/web/src/components/Staff/Stats/SignupRevenue.tsx
rename to apps/web/src/components/Staff/Revenue/SignupRevenue.tsx
diff --git a/apps/web/src/components/Staff/Revenue/index.tsx b/apps/web/src/components/Staff/Revenue/index.tsx
new file mode 100644
index 000000000000..0d4bf7f998c4
--- /dev/null
+++ b/apps/web/src/components/Staff/Revenue/index.tsx
@@ -0,0 +1,44 @@
+import MetaTags from "@components/Common/MetaTags";
+import { Leafwatch } from "@helpers/leafwatch";
+import { APP_NAME } from "@hey/data/constants";
+import { FeatureFlag } from "@hey/data/feature-flags";
+import { PAGEVIEW } from "@hey/data/tracking";
+import { GridItemEight, GridItemFour, GridLayout } from "@hey/ui";
+import { useFlag } from "@unleash/proxy-client-react";
+import type { NextPage } from "next";
+import { useEffect } from "react";
+import Custom404 from "src/pages/404";
+import { useProfileStore } from "src/store/persisted/useProfileStore";
+import StaffSidebar from "../Sidebar";
+import NftRevenue from "./NftRevenue";
+import ProRevenue from "./ProRevenue";
+import SignupRevenue from "./SignupRevenue";
+
+const Revenue: NextPage = () => {
+ const { currentProfile } = useProfileStore();
+ const isStaff = useFlag(FeatureFlag.Staff);
+
+ useEffect(() => {
+ Leafwatch.track(PAGEVIEW, { page: "staff-tools", subpage: "revenue" });
+ }, []);
+
+ if (!currentProfile || !isStaff) {
+ return ;
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Revenue;
diff --git a/apps/web/src/components/Staff/Sidebar.tsx b/apps/web/src/components/Staff/Sidebar.tsx
index c708327a7263..580d5ef6d2c0 100644
--- a/apps/web/src/components/Staff/Sidebar.tsx
+++ b/apps/web/src/components/Staff/Sidebar.tsx
@@ -15,6 +15,11 @@ const sidebarItems = [
title: "Overview",
url: "/staff"
},
+ {
+ icon: ,
+ title: "Revenue",
+ url: "/staff/revenue"
+ },
{
icon: ,
title: "Stats",
diff --git a/apps/web/src/components/Staff/Stats/index.tsx b/apps/web/src/components/Staff/Stats/index.tsx
index cad0c0f02d47..ba7094d8a427 100644
--- a/apps/web/src/components/Staff/Stats/index.tsx
+++ b/apps/web/src/components/Staff/Stats/index.tsx
@@ -11,9 +11,6 @@ import Custom404 from "src/pages/404";
import { useProfileStore } from "src/store/persisted/useProfileStore";
import StaffSidebar from "../Sidebar";
import LensStats from "./LensStats";
-import NftRevenue from "./NftRevenue";
-import ProRevenue from "./ProRevenue";
-import SignupRevenue from "./SignupRevenue";
const Stats: NextPage = () => {
const { currentProfile } = useProfileStore();
@@ -34,9 +31,6 @@ const Stats: NextPage = () => {
-
-
-
diff --git a/apps/web/src/pages/staff/revenue.tsx b/apps/web/src/pages/staff/revenue.tsx
new file mode 100644
index 000000000000..f2b1ec7752e4
--- /dev/null
+++ b/apps/web/src/pages/staff/revenue.tsx
@@ -0,0 +1,3 @@
+import Revenue from "@components/Staff/Revenue";
+
+export default Revenue;