refactor: replace Discord icons with lucide MessageSquare

apps/admin/app/(all)/(dashboard)/sidebar-help-section.tsx

@@ -7,11 +7,11 @@
 import { useState, useRef } from "react";
 import { observer } from "mobx-react";
 import Link from "next/link";
-import { HelpCircle, MoveLeft } from "lucide-react";
+import { HelpCircle, MessageSquare, MoveLeft } from "lucide-react";
 import { Transition } from "@headlessui/react";
 import { WEB_BASE_URL } from "@plane/constants";
 // plane internal packages
-import { DiscordIcon, GithubIcon, NewTabIcon, PageIcon } from "@plane/propel/icons";
+import { GithubIcon, NewTabIcon, PageIcon } from "@plane/propel/icons";
 import { Tooltip } from "@plane/propel/tooltip";
 import { cn } from "@plane/utils";
 // hooks
@@ -25,9 +25,9 @@ const helpOptions = [
     Icon: PageIcon,
   },
   {
-    name: "Join our Discord",
-    href: "https://discord.com/invite/A92xrEGCge",
-    Icon: DiscordIcon,
+    name: "Join our Forum",
+    href: "https://forum.plane.so",
+    Icon: MessageSquare,
   },
   {
     name: "Report a bug",

apps/web/core/components/power-k/config/help-commands.ts

@@ -5,8 +5,6 @@
  */
 
 import { FileText, GithubIcon, MessageSquare, Rocket } from "lucide-react";
-// plane imports
-import { DiscordIcon } from "@plane/propel/icons";
 // components
 import type { TPowerKCommandConfig } from "@/components/power-k/core/types";
 // hooks
@@ -48,13 +46,13 @@ export const usePowerKHelpCommands = (): TPowerKCommandConfig[] => {
       closeOnSelect: true,
     },
     {
-      id: "join_discord",
+      id: "join_forum",
       type: "action",
       group: "help",
-      i18n_title: "power_k.help_actions.join_discord",
-      icon: DiscordIcon,
+      i18n_title: "power_k.help_actions.join_forum",
+      icon: MessageSquare,
       action: () => {
-        window.open("https://discord.com/invite/A92xrEGCge", "_blank", "noopener,noreferrer");
+        window.open("https://forum.plane.so", "_blank", "noopener,noreferrer");
       },
       isEnabled: () => true,
       isVisible: () => true,

apps/web/core/constants/plans.tsx

@@ -4,8 +4,7 @@
  * See the LICENSE file for details.
  */
 
-import { Mail, MessageCircle } from "lucide-react";
-import { DiscordIcon } from "@plane/propel/icons";
+import { Mail, MessageCircle, MessageSquare } from "lucide-react";
 import { EProductSubscriptionEnum } from "@plane/types";
 // plane imports
 import { cn } from "@plane/utils";
@@ -51,8 +50,8 @@ type PlanePlans = {
   planComparison: TPlansComparisonDetails[];
 };
 
-function RiDiscordFill({ className }: { className?: string }) {
-  return <DiscordIcon className={cn(className, "size-5 text-secondary")} />;
+function ForumIcon({ className }: { className?: string }) {
+  return <MessageSquare className={cn(className, "size-5 text-secondary")} />;
 }
 
 export function ComingSoonBadge({ className }: { className?: string }) {
@@ -1212,19 +1211,19 @@ export const PLANS_COMPARISON_LIST: TPlansComparisonDetails[] = [
         cloud: {
           free: (
             <>
-              <RiDiscordFill className="size-4" />
+              <ForumIcon className="size-4" />
             </>
           ),
           one: (
             <div className="flex items-center gap-1">
               <Mail className="flex-shrink-0 size-4" />
-              <RiDiscordFill className="flex-shrink-0 size-4" />
+              <ForumIcon className="flex-shrink-0 size-4" />
             </div>
           ),
           pro: (
             <div className="flex items-center gap-1">
               <Mail className="flex-shrink-0 size-4" />
-              <RiDiscordFill className="flex-shrink-0 size-4" />
+              <ForumIcon className="flex-shrink-0 size-4" />
               <MessageCircle className="flex-shrink-0 size-4" />
             </div>
           ),