makeplane · danciaclara · Apr 9, 2025 · Apr 9, 2025
diff --git a/docs/core-concepts/cycles.mdx b/docs/core-concepts/cycles.mdx
@@ -50,7 +50,7 @@ You can modify the name, description, start and due dates of active and upcoming
 ## Start and stop cycles
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>
@@ -99,7 +99,7 @@ Once a cycle is active and contains work items, you can monitor its progress, as
 ## Active cycles across projects
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/inbox.mdx b/docs/core-concepts/inbox.mdx
@@ -37,7 +37,7 @@ In the top-right corner of the Inbox pane, you’ll find the filters dropdown. U
 ## Stacked notifications
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/issues/bulk-ops.mdx b/docs/core-concepts/issues/bulk-ops.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
  <h1>Update multiple work items at once</h1>
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/issues/epics.mdx b/docs/core-concepts/issues/epics.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
 # Organize and track your work items with Epics
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/issues/estimates.mdx b/docs/core-concepts/issues/estimates.mdx
@@ -67,7 +67,7 @@ This system provides a high-level estimate of effort based on intuitive categori
  ### Time
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/issues/issue-types.mdx b/docs/core-concepts/issues/issue-types.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
  <h1>Add, configure and control your work item types</h1>
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/issues/time-tracking.mdx b/docs/core-concepts/issues/time-tracking.mdx
@@ -9,8 +9,7 @@ import Tags from '@site/src/components/Tags';
  <h1>Log time on work items</h1>
 <Tags 
   tags={[ 
-    { name: "One", additionalClass: "one" },
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/issues/timeline-dependency.mdx b/docs/core-concepts/issues/timeline-dependency.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
  <h1>Set up task dependencies visually</h1>
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/pages/editor-blocks.mdx b/docs/core-concepts/pages/editor-blocks.mdx
@@ -45,7 +45,7 @@ Creates visually distinct sections with customizable icons and colors for highli
  ## Work item embed
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/pages/overview.mdx b/docs/core-concepts/pages/overview.mdx
@@ -29,7 +29,7 @@ Pages are turned on by default when you create a new project. If needed, you can
 ### AI helper
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>
@@ -97,7 +97,7 @@ Duplicate an existing page to jumpstart new content.
 ### Move Page
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>
@@ -126,7 +126,7 @@ When you export to PDF, your documents keep their formatting, making them easy t
 ## Publish Page
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/pages/wiki.mdx b/docs/core-concepts/pages/wiki.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
 # Centralized documentation with Wiki
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/projects/initiatives.mdx b/docs/core-concepts/projects/initiatives.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
 # Group multiple projects using Initiatives
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/projects/project-overview.mdx b/docs/core-concepts/projects/project-overview.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
 # Monitor project progress at a glance
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/projects/project-states.mdx b/docs/core-concepts/projects/project-states.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
 # Manage projects with states
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/views.mdx b/docs/core-concepts/views.mdx
@@ -45,7 +45,7 @@ Workspace Views are visualized using the spreadsheet layout, while project Views
  ## Publish Views
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/core-concepts/workspaces/teamspaces.mdx b/docs/core-concepts/workspaces/teamspaces.mdx
@@ -8,7 +8,7 @@ import Tags from '@site/src/components/Tags';
 # Track work by teams
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/customers.mdx b/docs/customers.mdx
@@ -10,7 +10,7 @@ import Tags from '@site/src/components/Tags';
  <h1>Manage your work by customer priorities</h1>
 <Tags 
   tags={[ 
-    { name: "Business", additionalClass: "business" }
+    { name: "Business", link:"https://plane.so/pricing", additionalClass: "business" }
   ]} 
  />
 </div>

diff --git a/docs/dashboards.mdx b/docs/dashboards.mdx
@@ -9,12 +9,7 @@ import Tags from '@site/src/components/Tags';
  <h1>Visualize your projects using custom dashboards</h1>
  <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
-  ]} 
- />
- <Tags 
-  tags={[ 
-    { name: "Business", additionalClass: "business" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/intake/intake-forms.mdx b/docs/intake/intake-forms.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
  <h1>Collect work items with public web forms</h1>
 <Tags 
   tags={[ 
-    { name: "Business", additionalClass: "business" }
+    { name: "Business", link:"https://plane.so/pricing", additionalClass: "business" }
   ]} 
  />
 </div>

diff --git a/docs/integrations/github.mdx b/docs/integrations/github.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
  <h1>Integrate with GitHub</h1>
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/integrations/gitlab.mdx b/docs/integrations/gitlab.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
  <h1>Integrate with GitLab</h1>
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro",link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/integrations/slack.mdx b/docs/integrations/slack.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
  <h1>Integrate with Slack</h1>
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/plane-integrations/github.mdx b/docs/plane-integrations/github.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
  <h1>Integrate with GitHub</h1>
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/plane-integrations/slack.mdx b/docs/plane-integrations/slack.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
  <h1>Integrate with Slack</h1>
 <Tags 
   tags={[ 
-    { name: "Pro", additionalClass: "pro" }
+    { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
   ]} 
  />
 </div>

diff --git a/docs/workflows-and-approvals/workflows.mdx b/docs/workflows-and-approvals/workflows.mdx
@@ -9,7 +9,7 @@ import Tags from '@site/src/components/Tags';
  <h1>Control your work item transitions</h1>
 <Tags 
   tags={[ 
-    { name: "Business", additionalClass: "business" }
+    { name: "Business", link:"https://plane.so/pricing", additionalClass: "business" }
   ]} 
  />
 </div>

diff --git a/src/components/Tags.js b/src/components/Tags.js
@@ -6,7 +6,11 @@ function Tags({ tags }) {
       {tags.map((tag, index) => (
         (tag && tag.name) ? (
           <React.Fragment key={index}>
-            {(
+            {tag.link ? (
+              <a href={tag.link} target="_blank" rel="noopener noreferrer" className={`plantag ${tag.additionalClass}`}>
+                {tag.name}
+              </a>
+            ) : (
               <span className={`plantag ${tag.additionalClass}`}>
                 {tag.name}
               </span>
-Original file line number
+Diff line change
@@ Expand Up @@
     ## Stacked notifications
     <Tags
       tags={[
-        { name: "Pro", additionalClass: "pro" }
+        { name: "Pro", link:"https://plane.so/pricing", additionalClass: "pro" }
       ]}
      />
     </div>
@@ Expand Down @@