refactor: move new users page to task

packages/app/src/Components/Tasks/FollowMorePeople.tsx

@@ -0,0 +1,33 @@
+import { CachedMetadata } from "@snort/system";
+import { FormattedMessage } from "react-intl";
+import { Link } from "react-router-dom";
+
+import { BaseUITask } from "@/Components/Tasks/index";
+import { LoginSession } from "@/Utils/Login";
+
+export class FollowMorePeopleTask extends BaseUITask {
+  id = "follow-more-people";
+
+  check(_meta: CachedMetadata, session: LoginSession): boolean {
+    return !this.state.muted && (session.state.follows?.length ?? 0) < 10;
+  }
+
+  render() {
+    return (
+      <>
+        <p>
+          <FormattedMessage
+            defaultMessage="It looks like you dont follow enough people, take a look at {newUsersPage} to discover people to follow!"
+            values={{
+              newUsersPage: (
+                <Link to={"/discover"}>
+                  <FormattedMessage defaultMessage="new users page" />
+                </Link>
+              ),
+            }}
+          />
+        </p>
+      </>
+    );
+  }
+}

packages/app/src/Components/Tasks/TaskList.tsx

@@ -11,6 +11,7 @@ import useLogin from "@/Hooks/useLogin";
 
 import { BackupKeyTask } from "./BackupKey";
 import { DonateTask } from "./DonateTask";
+import { FollowMorePeopleTask } from "./FollowMorePeople";
 import { Nip5Task } from "./Nip5Task";
 import { NoticeZapPoolDefault } from "./NoticeZapPool";
 import { RenewSubTask } from "./RenewSubscription";
@@ -20,7 +21,7 @@ class TaskStore extends ExternalStore<Array<UITask>> {
 
   constructor() {
     super();
-    const AllTasks: Array<UITask> = [new BackupKeyTask(), new Nip5Task()];
+    const AllTasks: Array<UITask> = [new BackupKeyTask(), new FollowMorePeopleTask(), new Nip5Task()];
     if (CONFIG.features.zapPool) {
       AllTasks.push(new NoticeZapPoolDefault());
     }