[CORL-249] Mod queues empty states (#2289)

* feat: mod queues empty states

* fix: test

src/core/client/admin/test/moderate/__snapshots__/moderate.spec.tsx.snap

@@ -574,7 +574,6 @@ exports[`rejected queue renders rejected queue with comments 1`] = `
         </div>
       </div>
     </div>
-     
   </main>
 </div>
 `;
@@ -1057,7 +1056,13 @@ exports[`reported queue renders empty reported queue 1`] = `
   >
     <div
       className="HorizontalGutter-root Queue-root HorizontalGutter-double"
-    />
+    >
+      <div
+        className="Card-root EmptyMessage-root"
+      >
+        Nicely done! There are no more reported comments to moderate.
+      </div>
+    </div>
   </main>
 </div>
 `;

src/core/client/admin/test/moderate/moderate.spec.tsx

@@ -45,18 +45,8 @@ async function createTestRenderer(
         Query: {
           settings: () => settings,
           viewer: () => viewer,
-          moderationQueues: ({ variables }) => {
-            expectAndFail(variables).toEqual({
-              storyID: null,
-            });
-            return emptyModerationQueues;
-          },
-          comments: ({ variables }) => {
-            expectAndFail(variables).toEqual({
-              storyID: null,
-            });
-            return emptyRejectedComments;
-          },
+          moderationQueues: () => emptyModerationQueues,
+          comments: () => emptyRejectedComments,
         },
       }),
       params.resolvers
@@ -89,6 +79,31 @@ describe("reported queue", () => {
     expect(toJSON(getByTestID("moderate-main-container"))).toMatchSnapshot();
   });
 
+  it("renders empty pending queue", async () => {
+    replaceHistoryLocation("http://localhost/admin/moderate/pending");
+    const testRenderer = await createTestRenderer();
+    const { getByText } = within(testRenderer.root);
+    await waitForElement(() => getByText("no more pending", { exact: false }));
+  });
+
+  it("renders empty unmoderated queue", async () => {
+    replaceHistoryLocation("http://localhost/admin/moderate/unmoderated");
+    const testRenderer = await createTestRenderer();
+    const { getByText } = within(testRenderer.root);
+    await waitForElement(() =>
+      getByText("comments have been moderated", { exact: false })
+    );
+  });
+
+  it("renders empty rejected queue", async () => {
+    replaceHistoryLocation("http://localhost/admin/moderate/rejected");
+    const testRenderer = await createTestRenderer();
+    const { getByText } = within(testRenderer.root);
+    await waitForElement(() =>
+      getByText("no rejected comments", { exact: false })
+    );
+  });
+
   it("renders reported queue with comments", async () => {
     const testRenderer = await createTestRenderer({
       resolvers: createResolversStub<GQLResolver>({