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;