Curation sales

__tests__/components/brain/BrainMobile.test.tsx

@@ -1,5 +1,5 @@
-import { render, screen, waitFor } from "@testing-library/react";
-import BrainMobile from "@/components/brain/BrainMobile";
+import { act, render, screen, waitFor } from "@testing-library/react";
+import BrainMobile, { BrainView } from "@/components/brain/BrainMobile";
 
 jest.mock("next/image", () => ({
   __esModule: true,
@@ -34,12 +34,9 @@ jest.mock("@/hooks/useWaveData", () => ({
   useWaveData: () => ({ data: waveData }),
 }));
 
+const mockUseWave = jest.fn();
 jest.mock("@/hooks/useWave", () => ({
-  useWave: () => ({
-    isMemesWave: false,
-    isCurationWave: false,
-    isRankWave: true,
-  }),
+  useWave: (...args: any[]) => mockUseWave(...args),
 }));
 
 jest.mock("@/hooks/useWaveTimers", () => ({
@@ -58,9 +55,13 @@ jest.mock("@/components/brain/BrainDesktopDrop", () => ({
   ),
 }));
 
+let latestTabsProps: any = null;
 jest.mock("@/components/brain/mobile/BrainMobileTabs", () => ({
   __esModule: true,
-  default: () => <div data-testid="tabs" />,
+  default: (props: any) => {
+    latestTabsProps = props;
+    return <div data-testid="tabs" />;
+  },
 }));
 
 jest.mock("@/components/brain/mobile/BrainMobileAbout", () => ({
@@ -93,6 +94,12 @@ jest.mock("@/components/brain/my-stream/MyStreamWaveOutcome", () => ({
   default: () => <div data-testid="outcome" />,
 }));
 
+const mockMyStreamWaveSales = jest.fn(() => <div data-testid="sales" />);
+jest.mock("@/components/brain/my-stream/MyStreamWaveSales", () => ({
+  __esModule: true,
+  default: (props: any) => mockMyStreamWaveSales(props),
+}));
+
 jest.mock("@/components/waves/winners/WaveWinners", () => ({
   __esModule: true,
   WaveWinners: () => <div data-testid="winners" />,
@@ -112,12 +119,19 @@ jest.mock("@/components/brain/my-stream/MyStreamWaveFAQ", () => ({
 
 describe("BrainMobile", () => {
   beforeEach(() => {
+    jest.clearAllMocks();
     mockSearchParams = new URLSearchParams();
     mockPathname = "/";
     mockPush.mockClear();
     dropData = null;
     waveData = null;
     isApp = true;
+    latestTabsProps = null;
+    mockUseWave.mockReturnValue({
+      isMemesWave: false,
+      isCurationWave: false,
+      isRankWave: true,
+    });
   });
 
   it("renders BrainDesktopDrop when drop is open", () => {
@@ -145,4 +159,37 @@ describe("BrainMobile", () => {
     await waitFor(() => expect(screen.getByTestId("tabs")).toBeInTheDocument());
     rerender(<div />);
   });
+
+  it("renders the Sales view for non-rank curation waves and falls back when unavailable", async () => {
+    mockSearchParams.set("wave", "1");
+    waveData = { id: "1", wave: { type: "APPROVE" } };
+    mockUseWave.mockReturnValue({
+      isMemesWave: false,
+      isCurationWave: true,
+      isRankWave: false,
+    });
+
+    const { rerender } = render(<BrainMobile>child</BrainMobile>);
+
+    await waitFor(() => expect(screen.getByTestId("tabs")).toBeInTheDocument());
+
+    act(() => {
+      latestTabsProps.onViewChange(BrainView.SALES);
+    });
+
+    expect(screen.getByTestId("sales")).toBeInTheDocument();
+    expect(mockMyStreamWaveSales).toHaveBeenCalledWith({ waveId: "1" });
+
+    mockUseWave.mockReturnValue({
+      isMemesWave: false,
+      isCurationWave: false,
+      isRankWave: false,
+    });
+    rerender(<BrainMobile>child</BrainMobile>);
+
+    await waitFor(() => {
+      expect(screen.queryByTestId("sales")).toBeNull();
+      expect(screen.getByText("child")).toBeInTheDocument();
+    });
+  });
 });

__tests__/components/brain/ContentTabContext.test.tsx

@@ -89,7 +89,7 @@ describe("ContentTabContext", () => {
     expect(result.current.activeContentTab).toBe(MyStreamWaveTab.CHAT);
   });
 
-  it("omits OUTCOME for curation waves", () => {
+  it("adds SALES and omits OUTCOME for curation waves", () => {
     const { result } = setup();
     act(() =>
       result.current.updateAvailableTabs({
@@ -105,6 +105,7 @@ describe("ContentTabContext", () => {
     expect(result.current.availableTabs).toEqual([
       MyStreamWaveTab.CHAT,
       MyStreamWaveTab.LEADERBOARD,
+      MyStreamWaveTab.SALES,
       MyStreamWaveTab.MY_VOTES,
     ]);
   });

__tests__/components/brain/mobile/BrainMobileTabs.test.tsx

@@ -7,6 +7,7 @@ enum BrainView {
   DEFAULT = "DEFAULT",
   ABOUT = "ABOUT",
   LEADERBOARD = "LEADERBOARD",
+  SALES = "SALES",
   WINNERS = "WINNERS",
   OUTCOME = "OUTCOME",
   MY_VOTES = "MY_VOTES",
@@ -56,7 +57,12 @@ jest.mock("@/components/brain/my-stream/MyStreamWaveTabsLeaderboard", () => ({
   __esModule: true,
   default: (props: any) => {
     leaderboardMock(props);
-    return <div data-testid="leaderboard" />;
+    return (
+      <>
+        <div data-testid="leaderboard" />
+        {props.renderAfterLeaderboard}
+      </>
+    );
   },
 }));
 
@@ -192,7 +198,31 @@ describe("BrainMobileTabs", () => {
       />
     );
 
+    expect(screen.getByText("Sales")).toBeInTheDocument();
     expect(screen.getByText("My Votes")).toBeInTheDocument();
     expect(screen.queryByText("FAQ")).toBeNull();
   });
+
+  it("renders Sales for non-rank curation waves", () => {
+    (useWave as jest.Mock).mockReturnValue({
+      isMemesWave: false,
+      isCurationWave: true,
+      isRankWave: false,
+    });
+
+    render(
+      <BrainMobileTabs
+        activeView={BrainView.ABOUT}
+        onViewChange={onViewChange}
+        waveActive={true}
+        showWavesTab={false}
+        showStreamBack={false}
+        isApp={false}
+        wave={{ id: "1" } as any}
+      />
+    );
+
+    expect(screen.getByText("Sales")).toBeInTheDocument();
+    expect(screen.queryByTestId("leaderboard")).toBeNull();
+  });
 });

__tests__/components/brain/my-stream/MyStreamWave.test.tsx

@@ -34,6 +34,12 @@ jest.mock("@/components/brain/my-stream/MyStreamWaveOutcome", () => ({
   default: () => <div data-testid="outcome" />,
 }));
 
+const mockMyStreamWaveSales = jest.fn(() => <div data-testid="sales" />);
+jest.mock("@/components/brain/my-stream/MyStreamWaveSales", () => ({
+  __esModule: true,
+  default: (props: any) => mockMyStreamWaveSales(props),
+}));
+
 jest.mock("@/components/waves/winners/WaveWinners", () => ({
   __esModule: true,
   WaveWinners: ({ onDropClick }: any) => (
@@ -153,4 +159,12 @@ describe("MyStreamWave", () => {
     render(<MyStreamWave waveId="1" />);
     expect(screen.getByTestId("tabs")).toHaveTextContent("1");
   });
+
+  it("renders sales placeholder when SALES tab is active", () => {
+    useWaveData.mockReturnValue({ data: wave });
+    useContentTab.mockReturnValue({ activeContentTab: MyStreamWaveTab.SALES });
+    render(<MyStreamWave waveId="1" />);
+    expect(screen.getByTestId("sales")).toBeInTheDocument();
+    expect(mockMyStreamWaveSales).toHaveBeenCalledWith({ waveId: "1" });
+  });
 });

__tests__/components/brain/my-stream/MyStreamWaveDesktopTabs.test.tsx

@@ -129,15 +129,37 @@ describe("MyStreamWaveDesktopTabs", () => {
     };
     mockAvailableTabs = [
       MyStreamWaveTab.CHAT,
-      MyStreamWaveTab.MY_VOTES,
       MyStreamWaveTab.LEADERBOARD,
+      MyStreamWaveTab.SALES,
+      MyStreamWaveTab.MY_VOTES,
     ];
     renderComponent(MyStreamWaveTab.MY_VOTES);
 
+    expect(screen.getAllByRole("tab").map((tab) => tab.textContent)).toEqual([
+      "Chat",
+      "Leaderboard",
+      "Sales",
+      "My Votes",
+    ]);
+    expect(screen.getByText("Sales")).toBeInTheDocument();
     expect(screen.getByText("My Votes")).toBeInTheDocument();
     expect(setActiveTab).not.toHaveBeenCalled();
   });
 
+  it("keeps Sales hidden outside curation waves", () => {
+    mockWaveInfo = {
+      isChatWave: false,
+      isMemesWave: false,
+      isCurationWave: false,
+      isRankWave: false,
+    };
+    mockAvailableTabs = [MyStreamWaveTab.CHAT, MyStreamWaveTab.SALES];
+    renderComponent(MyStreamWaveTab.SALES);
+
+    expect(screen.queryByText("Sales")).toBeNull();
+    expect(setActiveTab).toHaveBeenCalledWith(MyStreamWaveTab.CHAT);
+  });
+
   it("keeps FAQ hidden outside memes waves", () => {
     mockWaveInfo = {
       isChatWave: false,