chore: donate task

packages/app/src/Tasks/DonateTask.tsx

@@ -0,0 +1,26 @@
+import { FormattedMessage } from "react-intl";
+import { Link } from "react-router-dom";
+import { BaseUITask } from "Tasks";
+
+export class DonateTask extends BaseUITask {
+  id = "donate";
+
+  check(): boolean {
+    return !this.state.muted;
+  }
+
+  render() {
+    return (
+      <>
+        <p>
+          <FormattedMessage defaultMessage="Thanks for using Snort, please consider donating if you can." />
+        </p>
+        <Link to="/donate">
+          <button>
+            <FormattedMessage defaultMessage="Donate" />
+          </button>
+        </Link>
+      </>
+    );
+  }
+}

packages/app/src/Tasks/TaskList.tsx

@@ -3,9 +3,10 @@ import { useUserProfile } from "Hooks/useUserProfile";
 import Icon from "Icons/Icon";
 import { useState } from "react";
 import { UITask } from "Tasks";
+import { DonateTask } from "./DonateTask";
 import { Nip5Task } from "./Nip5Task";
 
-const AllTasks: Array<UITask> = [new Nip5Task()];
+const AllTasks: Array<UITask> = [new Nip5Task(), new DonateTask()];
 AllTasks.forEach(a => a.load());
 
 export const TaskList = () => {