From a33c7361accbdd14456025969484333782329b98 Mon Sep 17 00:00:00 2001
From: Pawan Kumar <pwnkumar201@gmail.com>
Date: Wed, 10 Jul 2024 15:05:13 +0530
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20docs(tag):=20improved=20php=20tag?=
 =?UTF-8?q?=20function.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/ui/tag/stories/tabs/TabCode.mdx | 24 ++++++++++--------------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/packages/ui/tag/stories/tabs/TabCode.mdx b/packages/ui/tag/stories/tabs/TabCode.mdx
index e7af8069a..bd1989bc2 100644
--- a/packages/ui/tag/stories/tabs/TabCode.mdx
+++ b/packages/ui/tag/stories/tabs/TabCode.mdx
@@ -67,7 +67,7 @@ import { Section, Row, Col, Table, List, Code, Tag, PackageInstallGuide, PropSec
 <Section title="Function to add tags in plugin menu." border={true}>
   <p>Use this function to use tags in plugin menu.</p>
   <List>
-    <span label={"Replace plugin_id with the unique id of the plugin in the body tag."} />
+    <span label={"Replace plugin_id with the unique id of the plugin in the body tag and plugin_name in the class."} />
     <span label={<><Code small={true}>li:nth-child(3)</Code> the number should be the item number in the list which to target. </>} />
   </List>
 <Snippet language="console" hideToggle={true}>
@@ -75,7 +75,7 @@ import { Section, Row, Col, Table, List, Code, Tag, PackageInstallGuide, PropSec
 public function print_menu_styles() {
 ?>
 <style>
-#adminmenu #plugin_id li span.menu-tag {
+#adminmenu #plugin_id li span.{plugin_name}-menu-tag {
   background-color: #737373;
   border-radius: 12px;
   color: #ffffff;
@@ -90,39 +90,35 @@ public function print_menu_styles() {
   width: 38px;
 }
 
-#adminmenu #plugin_id li span.menu-tag.menu-tag--green {
+#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--green {
   background-color: #138639;
 }
 
-#adminmenu #plugin_id li span.menu-tag.menu-tag--blue {
+#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--blue {
   background-color: #0059ff;
 }
 
-#adminmenu #plugin_id li span.menu-tag.menu-tag--navy {
+#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--navy {
   background-color: #0045c4;
 }
 
-#adminmenu #plugin_id li span.menu-tag.menu-tag--yellow {
+#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--yellow {
   background-color: #ffcc20;
   color: #1a1a1a;
 }
 
-#adminmenu #plugin_id li span.menu-tag.menu-tag--red {
+#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--red {
   background-color: #f45c59;
 }
 
-#adminmenu #plugin_id li span.menu-tag.menu-tag--black {
+#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--black {
   background-color: #1a1a1a;
 }
 
-#adminmenu #plugin_id li span.menu-tag.menu-tag--white {
+#adminmenu #plugin_id li span.{plugin_name}-menu-tag.{plugin_name}-menu-tag--white {
   background-color: #ffffff;
   color: #1a1a1a;
 }
-
-#adminmenu #plugin_id ul.wp-submenu li:nth-child(3) a {
-  color: #138639;
-}
 </style>
 <?php
 }
@@ -130,7 +126,7 @@ public function print_menu_styles() {
 </Snippet>
 <Snippet language="php" hideToggle={true}>
 {`public static function get_menu_title() {
- return esc_html__( 'Reseller', 'thc' ) . '&nbsp;<span class="menu-tag menu-tag--green">' . esc_html__( 'NEW', 'plugin-name' ) . '</span>';
+ return esc_html__( 'Reseller', 'thc' ) . '&nbsp;<span class="{plugin_name}-menu-tag {plugin_name}-menu-tag--green">' . esc_html__( 'NEW', 'plugin-name' ) . '</span>';
 }`}
 </Snippet>
 </Section>