Communities data is cleaned up on delete

Author: Rajat

apps/queue/src/index.ts

@@ -17,7 +17,7 @@ app.use("/job", verifyJWTMiddleware, jobRoutes);
 app.use("/sse", sseRoutes);
 
 app.get("/healthy", (req, res) => {
-    res.status(200).json({ success: true });
+    res.status(200).json({ status: "ok", uptime: process.uptime() });
 });
 
 startEmailAutomation();

apps/web/__mocks__/medialit.ts

@@ -0,0 +1,28 @@
+class MediaLit {
+    endpoint: string;
+    constructor(config: { endpoint?: string }) {
+        this.endpoint = config.endpoint || "https://medialit.example.com";
+    }
+
+    async get(mediaId: string) {
+        return {
+            mediaId,
+            file: "mock-file",
+            originalFileName: "mock-file",
+            mimeType: "image/png",
+            size: 0,
+            access: "public",
+            url: `https://medialit.example.com/${mediaId}/main.png`,
+        };
+    }
+
+    async getSignature(_: { group: string }) {
+        return "mock-signature";
+    }
+
+    async delete(_: string) {
+        return true;
+    }
+}
+
+export { MediaLit };

apps/web/app/(with-contexts)/dashboard/(sidebar)/blog/[id]/page.tsx

@@ -17,13 +17,15 @@ import {
 } from "@courselit/components-library";
 import { MoreVert } from "@courselit/icons";
 import {
+    APP_MESSAGE_COURSE_DELETED,
     DELETE_PRODUCT_POPUP_HEADER,
     DELETE_PRODUCT_POPUP_TEXT,
     EDIT_BLOG,
     MANAGE_BLOG_PAGE_HEADING,
     MENU_BLOG_VISIT,
     PAGE_TITLE_404,
     PRODUCT_TABLE_CONTEXT_MENU_DELETE_PRODUCT,
+    TOAST_TITLE_SUCCESS,
 } from "@ui-config/strings";
 import { truncate } from "@ui-lib/utils";
 import { useRouter, useSearchParams } from "next/navigation";
@@ -40,7 +42,7 @@ export default function Page(props: { params: Promise<{ id: string }> }) {
     const searchParams = useSearchParams();
     const [tab, setTab] = useState(searchParams?.get("tab") || "Details");
     const address = useContext(AddressContext);
-    const course = useCourse(id, address);
+    const course = useCourse(id);
     const router = useRouter();
     const { toast } = useToast();
 
@@ -90,6 +92,11 @@ export default function Page(props: { params: Promise<{ id: string }> }) {
                                                 router.replace(
                                                     `/dashboard/blogs`,
                                                 );
+                                                toast({
+                                                    title: TOAST_TITLE_SUCCESS,
+                                                    description:
+                                                        APP_MESSAGE_COURSE_DELETED,
+                                                });
                                             },
                                             toast,
                                         })

apps/web/app/(with-contexts)/dashboard/(sidebar)/product/[id]/page.tsx

@@ -41,6 +41,7 @@ import {
     PRODUCT_EMPTY_WARNING,
     PRODUCT_TABLE_CONTEXT_MENU_INVITE_A_CUSTOMER,
     PRODUCT_UNPUBLISHED_WARNING,
+    MANAGE_LINK_TEXT,
     TOAST_TITLE_SUCCESS,
     VIEW_PAGE_MENU_ITEM,
 } from "@ui-config/strings";
@@ -112,7 +113,7 @@ export default function DashboardPage() {
                         href={`/dashboard/product/${productId}/manage#publish`}
                         className="underline"
                     >
-                        Manage
+                        {MANAGE_LINK_TEXT}
                     </Link>
                 </div>
             )}

apps/web/components/admin/blogs/editor/details.tsx

@@ -56,30 +56,31 @@ export default function Details({ id }: DetailsProps) {
         e.preventDefault();
 
         const mutation = `
-            mutation {
+            mutation ($courseId: String!, $title: String!, $description: String) {
                 updateCourse(courseData: {
-                    id: "${course!.courseId}"
-                    title: "${title}",
-                    description: ${JSON.stringify(JSON.stringify(description))}
+                    id: $courseId
+                    title: $title
+                    description: $description
                 }) {
                     courseId 
                 }
             }
         `;
         const fetch = new FetchBuilder()
             .setUrl(`${address.backend}/api/graph`)
-            .setPayload(mutation)
+            .setPayload({
+                query: mutation,
+                variables: {
+                    courseId: course!.courseId,
+                    title: title,
+                    description: JSON.stringify(description),
+                },
+            })
             .setIsGraphQLEndpoint(true)
             .build();
         try {
             setLoading(true);
-            const response = await fetch.exec();
-            if (response.updateCourse) {
-                toast({
-                    title: TOAST_TITLE_SUCCESS,
-                    description: APP_MESSAGE_COURSE_SAVED,
-                });
-            }
+            await fetch.exec();
         } catch (err: any) {
             toast({
                 title: TOAST_TITLE_ERROR,

apps/web/components/admin/blogs/helpers.ts

@@ -1,9 +1,5 @@
 import { FetchBuilder } from "@courselit/utils";
-import {
-    APP_MESSAGE_COURSE_DELETED,
-    TOAST_TITLE_ERROR,
-    TOAST_TITLE_SUCCESS,
-} from "@/ui-config/strings";
+import { TOAST_TITLE_ERROR } from "@/ui-config/strings";
 import { useToast } from "@courselit/components-library";
 
 interface DeleteProductProps {
@@ -22,14 +18,19 @@ export const deleteProduct = async ({
     if (!id) return;
 
     const query = `
-    mutation {
-      result: deleteCourse(id: "${id}")
-    }
+        mutation ($id: String!) {
+            result: deleteCourse(id: $id)
+        }
     `;
 
     const fetch = new FetchBuilder()
         .setUrl(`${backend}/api/graph`)
-        .setPayload(query)
+        .setPayload({
+            query,
+            variables: {
+                id,
+            },
+        })
         .setIsGraphQLEndpoint(true)
         .build();
 
@@ -38,18 +39,12 @@ export const deleteProduct = async ({
 
         if (response.result) {
             onDeleteComplete && onDeleteComplete();
-            // onDelete(position);
         }
     } catch (err: any) {
         toast({
             title: TOAST_TITLE_ERROR,
             description: err.message,
             variant: "destructive",
         });
-    } finally {
-        toast({
-            title: TOAST_TITLE_SUCCESS,
-            description: APP_MESSAGE_COURSE_DELETED,
-        });
     }
 };

apps/web/components/admin/mails/index.tsx

@@ -29,6 +29,7 @@ import {
 import RequestForm from "./request-form";
 import SequencesList from "./sequences-list";
 import { Button } from "@components/ui/button";
+import Link from "next/link";
 
 interface MailsProps {
     address: Address;
@@ -157,12 +158,9 @@ export default function Mails({ address, selectedTab }: MailsProps) {
                         </CardHeader>
                         <CardFooter>
                             <div className="w-[120px]">
-                                <Button
-                                    component="link"
-                                    href={`/dashboard/settings?tab=Mails`}
-                                >
-                                    Go to settings
-                                </Button>
+                                <Link href={`/dashboard/settings?tab=Mails`}>
+                                    <Button>Go to settings</Button>
+                                </Link>
                             </div>
                         </CardFooter>
                     </Card>

apps/web/components/community/banner.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from "react";
+import { useState, useEffect, useRef, useContext } from "react";
 import { Button } from "@/components/ui/button";
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { AlertCircle, Pencil, Check, X, Loader2 } from "lucide-react";
@@ -10,6 +10,7 @@ import {
 } from "@courselit/components-library";
 import { isTextEditorNonEmpty } from "@ui-lib/utils";
 import { BUTTON_SAVING, TOAST_TITLE_SUCCESS } from "@ui-config/strings";
+import { AddressContext } from "@components/contexts";
 
 interface BannerComponentProps {
     canEdit: boolean;
@@ -29,6 +30,7 @@ export default function Banner({
     const [editedBannerText, setEditedBannerText] = useState(bannerText);
     const [isSaving, setIsSaving] = useState(false);
     const textareaRef = useRef<HTMLTextAreaElement>(null);
+    const address = useContext(AddressContext);
     const { toast } = useToast();
 
     useEffect(() => {
@@ -102,6 +104,7 @@ export default function Banner({
                             showToolbar={false}
                             initialContent={editedBannerText}
                             onChange={(value) => setEditedBannerText(value)}
+                            url={address.backend}
                         />
                         <div className="flex justify-end space-x-2">
                             <Button

apps/web/components/community/index.tsx

@@ -45,7 +45,11 @@ import { formattedLocaleDate, hasCommunityPermission } from "@ui-lib/utils";
 import { MediaItem } from "./media-item";
 import Image from "next/image";
 import MembershipStatus from "./membership-status";
-import { TOAST_TITLE_ERROR, TOAST_TITLE_SUCCESS } from "@ui-config/strings";
+import {
+    MANAGE_LINK_TEXT,
+    TOAST_TITLE_ERROR,
+    TOAST_TITLE_SUCCESS,
+} from "@ui-config/strings";
 import {
     DropdownMenu,
     DropdownMenuContent,
@@ -60,6 +64,7 @@ import NotFound from "@components/admin/not-found";
 import { CommunityInfo } from "./info";
 import Banner from "./banner";
 import { Textarea } from "@/components/ui/textarea";
+import Link from "next/link";
 import dynamic from "next/dynamic";
 
 const CreatePostDialog = dynamic(() => import("./create-post-dialog"));
@@ -919,7 +924,13 @@ export function CommunityForum({
             {!community?.enabled && (
                 <div className="bg-red-400 p-2 mb-4 text-sm text-white rounded-md">
                     This community is not enabled. It is not visible to your
-                    audience (including moderators).
+                    audience (including moderators). {""}
+                    <Link
+                        href={`/dashboard/community/${id}/manage`}
+                        className="underline"
+                    >
+                        {MANAGE_LINK_TEXT}
+                    </Link>
                 </div>
             )}
             <div className="grid grid-cols-1 gap-6 lg:grid-cols-3">

apps/web/components/ui/sonner.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import {
+    CircleCheck,
+    Info,
+    LoaderCircle,
+    OctagonX,
+    TriangleAlert,
+} from "lucide-react";
+import { useTheme } from "next-themes";
+import { Toaster as Sonner } from "sonner";
+
+type ToasterProps = React.ComponentProps<typeof Sonner>;
+
+const Toaster = ({ ...props }: ToasterProps) => {
+    const { theme = "system" } = useTheme();
+
+    return (
+        <Sonner
+            theme={theme as ToasterProps["theme"]}
+            className="toaster group"
+            icons={{
+                success: <CircleCheck className="h-4 w-4" />,
+                info: <Info className="h-4 w-4" />,
+                warning: <TriangleAlert className="h-4 w-4" />,
+                error: <OctagonX className="h-4 w-4" />,
+                loading: <LoaderCircle className="h-4 w-4 animate-spin" />,
+            }}
+            toastOptions={{
+                classNames: {
+                    toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+                    description: "group-[.toast]:text-muted-foreground",
+                    actionButton:
+                        "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+                    cancelButton:
+                        "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+                },
+            }}
+            {...props}
+        />
+    );
+};
+
+export { Toaster };