Added share button

Author: Rajat Saxena

apps/web/components/community/index.tsx

@@ -1538,6 +1538,7 @@ export function CommunityForum({
                                 )!
                             }
                             joiningReasonText={community?.joiningReasonText}
+                            pageId={community?.pageId}
                             onJoin={handleJoin}
                             onLeave={handleLeave}
                         />

apps/web/components/community/info.tsx

@@ -15,8 +15,13 @@ import {
     getSymbolFromCurrency,
     Link,
     TextRenderer,
+    useToast,
 } from "@courselit/components-library";
-import { ProfileContext, SiteInfoContext } from "@components/contexts";
+import {
+    AddressContext,
+    ProfileContext,
+    SiteInfoContext,
+} from "@components/contexts";
 import {
     Dialog,
     DialogContent,
@@ -27,7 +32,8 @@ import {
     DialogTrigger,
 } from "@components/ui/dialog";
 import { checkPermission } from "@courselit/utils";
-import { COMMUNITY_SETTINGS } from "@ui-config/strings";
+import { COMMUNITY_SETTINGS, TOAST_TITLE_SUCCESS } from "@ui-config/strings";
+import { Share2 } from "lucide-react";
 const { permissions } = UIConstants;
 
 interface CommunityInfoProps {
@@ -40,6 +46,7 @@ interface CommunityInfoProps {
     rejectionReason?: string;
     paymentPlan: PaymentPlan;
     joiningReasonText?: string;
+    pageId: string;
     onJoin: (joiningReason?: string) => void;
     onLeave: () => void;
 }
@@ -54,17 +61,20 @@ export function CommunityInfo({
     rejectionReason,
     paymentPlan,
     joiningReasonText,
+    pageId,
     onJoin,
     onLeave,
 }: CommunityInfoProps) {
     const [showLeaveConfirmation, setShowLeaveConfirmation] = useState(false);
     const [isJoinDialogOpen, setIsJoinDialogOpen] = useState(false);
     const [joiningReason, setJoiningReason] = useState("");
     const { amount, period } = getPlanPrice(paymentPlan);
+    const address = useContext(AddressContext);
     const siteinfo = useContext(SiteInfoContext);
     const { profile } = useContext(ProfileContext);
     const currencySymbol =
         getSymbolFromCurrency(siteinfo.currencyISOCode || "USD") || "$";
+    const { toast } = useToast();
 
     const handleJoinSubmit = async (e: FormEvent) => {
         e.preventDefault();
@@ -80,10 +90,25 @@ export function CommunityInfo({
         setShowLeaveConfirmation(false);
     };
 
+    const handleShareClick = () => {
+        navigator.clipboard.writeText(`${address.frontend}/p/${pageId}`);
+        toast({
+            title: TOAST_TITLE_SUCCESS,
+            description: "Page ID copied to clipboard!",
+        });
+    };
+
     return (
         <Card>
-            <CardHeader>
-                <CardTitle>{name}</CardTitle>
+            <CardHeader className="flex justify-between items-center w-full">
+                <CardTitle className="w-full">
+                    <div class="flex justify-between items-center w-full">
+                        <p>{name}</p>
+                        <Button variant="ghost" onClick={handleShareClick}>
+                            <Share2 className="h-5 w-5" />
+                        </Button>
+                    </div>
+                </CardTitle>
             </CardHeader>
             <CardContent className="space-y-4">
                 <img

services/queue/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20-alpine AS builder
+FROM node:22-alpine AS builder
 WORKDIR /app
 
 # copy yarn specific files
@@ -20,7 +20,7 @@ RUN yarn rebuild
 RUN yarn build
 
 # Production image
-FROM node:20-alpine as runner
+FROM node:20-alpine AS runner
 
 ENV NODE_ENV production
 WORKDIR /app