feat: add suppression list (#192)

apps/web/src/app/(dashboard)/suppressions/remove-suppression.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@unsend/ui/src/dialog";
+import { Button } from "@unsend/ui/src/button";
+
+interface RemoveSuppressionDialogProps {
+  email: string | null;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onConfirm: () => void;
+  isLoading: boolean;
+}
+
+export default function RemoveSuppressionDialog({
+  email,
+  open,
+  onOpenChange,
+  onConfirm,
+  isLoading,
+}: RemoveSuppressionDialogProps) {
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>Remove Suppression</DialogTitle>
+          <DialogDescription>
+            Are you sure you want to remove <strong>{email}</strong> from the
+            suppression list? This email address will be able to receive emails
+            again.
+          </DialogDescription>
+        </DialogHeader>
+        <DialogFooter>
+          <Button
+            variant="outline"
+            onClick={() => onOpenChange(false)}
+            disabled={isLoading}
+          >
+            Cancel
+          </Button>
+          <Button
+            variant="destructive"
+            onClick={onConfirm}
+            disabled={isLoading}
+          >
+            {isLoading ? "Removing..." : "Remove"}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}