diff --git a/packages/app/src/Tasks/DonateTask.tsx b/packages/app/src/Tasks/DonateTask.tsx
new file mode 100644
index 00000000..0d1b8518
--- /dev/null
+++ b/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 (
+ <>
+
+
+
+
+
+
+ >
+ );
+ }
+}
diff --git a/packages/app/src/Tasks/TaskList.tsx b/packages/app/src/Tasks/TaskList.tsx
index 08397dd9..18b08870 100644
--- a/packages/app/src/Tasks/TaskList.tsx
+++ b/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 = [new Nip5Task()];
+const AllTasks: Array = [new Nip5Task(), new DonateTask()];
AllTasks.forEach(a => a.load());
export const TaskList = () => {