[WEB-6420] chore: migrate community references from Discord to Forum (#8657)
* chore: replace Discord references with Forum links * chore: migrate help and community CTAs from Discord to Forum * refactor: replace Discord icons with lucide MessageSquare * chore: rename Discord labels and keys to Forum * chore: remove obsolete Discord icon component * chore: update Discord references to Forum in templates * chore: code refactoring
This commit is contained in:
Anmol Singh Bhatia
GitHub
parent
351344ecbb
commit
a75301d6c6
35 changed files with 60 additions and 111 deletions
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -124,7 +124,7 @@
|
|||
<td class="nl2go-responsive-hide" width="20" style=" font-size: 0px; line-height: 1px; " > </td>
|
||||
<td align="left" valign="top" class="r17-i nl2go-default-textstyle" style=" color: #3b3f44; font-family: arial, helvetica, sans-serif; font-size: 16px; line-height: 1.5; text-align: left; " >
|
||||
<div>
|
||||
<p style="margin: 0"> <span style=" font-size: 12px; " >Note: Plane is still in its early days, not everything will be perfect yet, and hiccups may happen. Please let us know of any suggestions, ideas, or bugs that you encounter on our </span ><a href="https://discord.gg/A92xrEGCge" target="_blank" style=" color: #0092ff; text-decoration: underline; " ><span style=" font-size: 12px; " >Discord</span ></a ><span style=" font-size: 12px; " > or </span ><a href="https://github.com/makeplane/plane" target="_blank" style=" color: #0092ff; text-decoration: underline; " ><span style=" font-size: 12px; " >GitHub</span ></a ><span style=" font-size: 12px; " >, and we will use your feedback to improve on our upcoming releases.</span > </p>
|
||||
<p style="margin: 0"> <span style=" font-size: 12px; " >Note: Plane is still in its early days, not everything will be perfect yet, and hiccups may happen. Please let us know of any suggestions, ideas, or bugs that you encounter on our </span ><a href="https://forum.plane.so" target="_blank" style=" color: #0092ff; text-decoration: underline; " ><span style=" font-size: 12px; " >Forum</span ></a ><span style=" font-size: 12px; " > or </span ><a href="https://github.com/makeplane/plane" target="_blank" style=" color: #0092ff; text-decoration: underline; " ><span style=" font-size: 12px; " >GitHub</span ></a ><span style=" font-size: 12px; " >, and we will use your feedback to improve on our upcoming releases.</span > </p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="nl2go-responsive-hide" width="20" style=" font-size: 0px; line-height: 1px; " > </td>
|
||||
|
|
@ -227,7 +227,7 @@
|
|||
<td height="5" width="8" style=" font-size: 5px; line-height: 5px; " > </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="r26-i" style=" font-size: 0px; line-height: 0px; " > <a href="https://github.com/makeplane/plane" target="_blank" style=" color: #0092ff; text-decoration: underline; " > <img src="https://sendinblue-templates.s3.eu-west-3.amazonaws.com/icons/rounded_colored/github_32px.png" width="32" border="0" class="" style=" display: block; width: 100%; " /></a> </td>
|
||||
<td class="r26-i" style=" font-size: 0px; line-height: 0px; " > <a href="https://github.com/makeplane/plane" target="_blank" style=" color: #0092ff; text-decoration: underline; " > <img src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/github_32px.png" width="32" border="0" class="" style=" display: block; width: 100%; " /></a> </td>
|
||||
<td class="nl2go-responsive-hide" width="8" style=" font-size: 0px; line-height: 1px; " > </td>
|
||||
</tr>
|
||||
<tr class="nl2go-responsive-hide" >
|
||||
|
|
@ -244,7 +244,7 @@
|
|||
<td height="5" width="8" style=" font-size: 5px; line-height: 5px; " > </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="r26-i" style=" font-size: 0px; line-height: 0px; " > <a href="https://discord.gg/A92xrEGCge" target="_blank" style=" color: #0092ff; text-decoration: underline; " > <img src="https://sendinblue-templates.s3.eu-west-3.amazonaws.com/icons/rounded_colored/discord_32px.png" width="32" border="0" class="" style=" display: block; width: 100%; " /></a> </td>
|
||||
<td class="r26-i" style=" font-size: 0px; line-height: 0px; " > <a href="https://forum.plane.so" target="_blank" style=" color: #0092ff; text-decoration: underline; " > <img src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/website_32px.png" width="32" border="0" class="" style=" display: block; width: 100%; " /></a> </td>
|
||||
<td class="nl2go-responsive-hide" width="8" style=" font-size: 0px; line-height: 1px; " > </td>
|
||||
</tr>
|
||||
<tr class="nl2go-responsive-hide" >
|
||||
|
|
@ -261,7 +261,7 @@
|
|||
<td height="5" width="8" style=" font-size: 5px; line-height: 5px; " > </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="r26-i" style=" font-size: 0px; line-height: 0px; " > <a href="https://twitter.com/planepowers" target="_blank" style=" color: #0092ff; text-decoration: underline; " > <img src="https://sendinblue-templates.s3.eu-west-3.amazonaws.com/icons/rounded_colored/twitter_32px.png" width="32" border="0" class="" style=" display: block; width: 100%; " /></a> </td>
|
||||
<td class="r26-i" style=" font-size: 0px; line-height: 0px; " > <a href="https://twitter.com/planepowers" target="_blank" style=" color: #0092ff; text-decoration: underline; " > <img src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/twitter_32px.png" width="32" border="0" class="" style=" display: block; width: 100%; " /></a> </td>
|
||||
<td class="nl2go-responsive-hide" width="8" style=" font-size: 0px; line-height: 1px; " > </td>
|
||||
</tr>
|
||||
<tr class="nl2go-responsive-hide" >
|
||||
|
|
@ -277,7 +277,7 @@
|
|||
<td height="5" style=" font-size: 5px; line-height: 5px; " > </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="r26-i" style=" font-size: 0px; line-height: 0px; " > <a href="https://www.linkedin.com/company/planepowers/" target="_blank" style=" color: #0092ff; text-decoration: underline; " > <img src="https://sendinblue-templates.s3.eu-west-3.amazonaws.com/icons/rounded_colored/linkedin_32px.png" width="32" border="0" class="" style=" display: block; width: 100%; " /></a> </td>
|
||||
<td class="r26-i" style=" font-size: 0px; line-height: 0px; " > <a href="https://www.linkedin.com/company/planepowers/" target="_blank" style=" color: #0092ff; text-decoration: underline; " > <img src="https://creative-assets.mailinblue.com/editor/social-icons/rounded_colored/linkedin_32px.png" width="32" border="0" class="" style=" display: block; width: 100%; " /></a> </td>
|
||||
</tr>
|
||||
<tr class="nl2go-responsive-hide" >
|
||||
<td height="5" style=" font-size: 5px; line-height: 5px; " > </td>
|
||||
|
|
@ -346,4 +346,4 @@
|
|||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -155,7 +155,7 @@
|
|||
<td class="nl2go-responsive-hide" width="2" style=" font-size: 0px; line-height: 1px; background-color: #efefef; " > </td>
|
||||
<td align="left" valign="top" class="r21-i nl2go-default-textstyle" style=" color: #3b3f44; font-family: georgia, serif; font-size: 16px; word-break: break-word; line-height: 1.5; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; " >
|
||||
<div>
|
||||
<p style="margin: 0"> <span style="font-size: 13px" >Despite our popularity, we are humbly early-stage. We are shipping fast, so please reach out to us with feature requests, major and minor nits, and anything else you find missing. We read every </span ><a href="https://discord.com/channels/1031547764020084846/1094927053867995176" title="Plane Support on Discod" target="_blank" style=" color: #006399; text-decoration: underline; " ><span style="font-size: 13px" >message</span ></a ><span style="font-size: 13px" >, </span ><a href="http://twitter.com/planepowers" title="@planepowers" target="_blank" style=" color: #006399; text-decoration: underline; " ><span style="font-size: 13px" >tweet</span ></a ><span style="font-size: 13px" >, and </span ><a href="https://github.com/makeplane/plane/issues" title="Plane's GitHub conversations" target="_blank" style=" color: #006399; text-decoration: underline; " ><span style="font-size: 13px" >conversation</span ></a ><span style="font-size: 13px" > and update </span ><a href="https://plane.sh/plane/0b170a1c-0e55-47cb-9307-ea49a05672b5?board=kanban" title="Plane's roadmap" target="_blank" style=" color: #006399; text-decoration: underline; " ><span style="font-size: 13px" >our public roadmap</span ></a ><span style="font-size: 13px" >.</span > </p>
|
||||
<p style="margin: 0"> <span style="font-size: 13px" >Despite our popularity, we are humbly early-stage. We are shipping fast, so please reach out to us with feature requests, major and minor nits, and anything else you find missing. We read every </span ><a href="https://forum.plane.so" title="Plane Forum" target="_blank" style=" color: #006399; text-decoration: underline; " ><span style="font-size: 13px" >message</span ></a ><span style="font-size: 13px" >, </span ><a href="http://twitter.com/planepowers" title="@planepowers" target="_blank" style=" color: #006399; text-decoration: underline; " ><span style="font-size: 13px" >tweet</span ></a ><span style="font-size: 13px" >, and </span ><a href="https://github.com/makeplane/plane/issues" title="Plane's GitHub conversations" target="_blank" style=" color: #006399; text-decoration: underline; " ><span style="font-size: 13px" >conversation</span ></a ><span style="font-size: 13px" > and update </span ><a href="https://plane.sh/plane/0b170a1c-0e55-47cb-9307-ea49a05672b5?board=kanban" title="Plane's roadmap" target="_blank" style=" color: #006399; text-decoration: underline; " ><span style="font-size: 13px" >our public roadmap</span ></a ><span style="font-size: 13px" >.</span > </p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="nl2go-responsive-hide" width="2" style=" font-size: 0px; line-height: 1px; background-color: #efefef; " > </td>
|
||||
|
|
|
|||
|
|
@ -959,8 +959,8 @@
|
|||
nits, and anything else you
|
||||
find missing. We read every </span
|
||||
><a
|
||||
href="https://discord.com/channels/1031547764020084846/1094927053867995176"
|
||||
title="Plane Support on Discod"
|
||||
href="https://forum.plane.so"
|
||||
title="Plane Forum"
|
||||
target="_blank"
|
||||
style="
|
||||
color: #006399;
|
||||
|
|
|
|||
|
|
@ -960,8 +960,8 @@
|
|||
nits, and anything else you
|
||||
find missing. We read every </span
|
||||
><a
|
||||
href="https://discord.com/channels/1031547764020084846/1094927053867995176"
|
||||
title="Plane Support on Discod"
|
||||
href="https://forum.plane.so"
|
||||
title="Plane Forum"
|
||||
target="_blank"
|
||||
style="
|
||||
color: #006399;
|
||||
|
|
|
|||
|
|
@ -24,13 +24,8 @@ function ErrorPage() {
|
|||
support@plane.so
|
||||
</a>{" "}
|
||||
or on our{" "}
|
||||
<a
|
||||
href="https://discord.com/invite/A92xrEGCge"
|
||||
target="_blank"
|
||||
className="text-accent-primary"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Discord
|
||||
<a href="https://forum.plane.so" target="_blank" className="text-accent-primary" rel="noopener noreferrer">
|
||||
Forum
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -115,7 +115,7 @@ function WorkspaceInvitationPage() {
|
|||
<EmptySpaceItem
|
||||
Icon={Share2}
|
||||
title="Join our community of active creators"
|
||||
href="https://discord.com/invite/A92xrEGCge"
|
||||
href="https://forum.plane.so"
|
||||
/>
|
||||
</EmptySpace>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -52,12 +52,12 @@ export function ProductUpdatesFooter() {
|
|||
<circle cx={1} cy={1} r={1} />
|
||||
</svg>
|
||||
<a
|
||||
href="https://go.plane.so/p-discord"
|
||||
href="https://forum.plane.so"
|
||||
target="_blank"
|
||||
className="text-13 text-secondary underline-offset-1 outline-none hover:text-primary hover:underline"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Discord
|
||||
Forum
|
||||
</a>
|
||||
</div>
|
||||
<a
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -93,11 +93,9 @@ export const HelpMenuRoot = observer(function HelpMenuRoot() {
|
|||
<span className="text-11">{t("whats_new")}</span>
|
||||
</button>
|
||||
</CustomMenu.MenuItem>
|
||||
<CustomMenu.MenuItem
|
||||
onClick={() => window.open("https://go.plane.so/p-discord", "_blank", "noopener,noreferrer")}
|
||||
>
|
||||
<CustomMenu.MenuItem onClick={() => window.open("https://forum.plane.so", "_blank", "noopener,noreferrer")}>
|
||||
<div className="flex items-center gap-x-2 rounded-sm text-11">
|
||||
<span className="text-11">Discord</span>
|
||||
<span className="text-11">Forum</span>
|
||||
</div>
|
||||
</CustomMenu.MenuItem>
|
||||
<div className="mt-1 border-t border-subtle px-1 pt-2 text-11 text-secondary">
|
||||
|
|
|
|||
|
|
@ -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="size-4 flex-shrink-0" />
|
||||
<RiDiscordFill className="size-4 flex-shrink-0" />
|
||||
<ForumIcon className="size-4 flex-shrink-0" />
|
||||
</div>
|
||||
),
|
||||
pro: (
|
||||
<div className="flex items-center gap-1">
|
||||
<Mail className="size-4 flex-shrink-0" />
|
||||
<RiDiscordFill className="size-4 flex-shrink-0" />
|
||||
<ForumIcon className="size-4 flex-shrink-0" />
|
||||
<MessageCircle className="size-4 flex-shrink-0" />
|
||||
</div>
|
||||
),
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue