Refactor groupdoc for Menu

Apply Prettier
primefaces · May 17, 2023 · 05b5074 · 05b5074
1 parent 5e05469
commit 05b5074
Showing 1 changed file with 13 additions and 16 deletions.
diff --git a/components/doc/menu/groupdoc.js b/components/doc/menu/groupdoc.js
@@ -46,20 +46,21 @@ export function GroupDoc(props) {
             ]
         }
     ];
+
     const code = {
         basic: `
 <Toast ref={toast} />
 <Menu model={items} />
 `,
         javascript: `
 import React, { useRef } from 'react';
-//import { useRouter } from 'next/router';
+import { useRouter } from 'next/router';
 import { Menu } from 'primereact/menu';
 import { Toast } from 'primereact/toast';
 
 export default function GroupDemo() {
     const toast = useRef(null);
-    //const router = useRouter();
+    const router = useRouter();
     const items = [
         {
             label: 'Options',
@@ -81,18 +82,18 @@ export default function GroupDemo() {
             ]
         },
         {
-            label: 'Navigate',
+            label: 'Links',
             items: [
                 {
                     label: 'React Website',
                     icon: 'pi pi-external-link',
                     url: 'https://reactjs.org/'
                 },
                 {
-                    label: 'Router',
+                    label: 'Upload',
                     icon: 'pi pi-upload',
-                    command () => {
-                        //router.push('/fileupload');
+                    command: () => {
+                        router.push('/fileupload');
                     }
                 }
             ]
@@ -109,14 +110,14 @@ export default function GroupDemo() {
         `,
         typescript: `
 import React, { useRef } from 'react';
-//import { useRouter } from 'next/router';
+import { useRouter } from 'next/router';
 import { Menu } from 'primereact/menu';
 import { MenuItem } from 'primereact/menuitem';
 import { Toast } from 'primereact/toast';
 
 export default function GroupDemo() {
     const toast = useRef<Toast>(null);
-    //const router = useRouter();
+    const router = useRouter();
     const items: MenuItem[] = [
         {
             label: 'Options',
@@ -138,18 +139,18 @@ export default function GroupDemo() {
             ]
         },
         {
-            label: 'Navigate',
+            label: 'Links',
             items: [
                 {
                     label: 'React Website',
                     icon: 'pi pi-external-link',
                     url: 'https://reactjs.org/'
                 },
                 {
-                    label: 'Router',
+                    label: 'Upload',
                     icon: 'pi pi-upload',
                     command: () => {
-                        //router.push('/fileupload');
+                        router.push('/fileupload');
                     }
                 }
             ]
@@ -168,11 +169,7 @@ export default function GroupDemo() {
 
     return (
         <>
-            <DocSectionText {...props}>
-                <p>
-                    Menu supports one level of nesting by defining children with <i>items</i> property.
-                </p>
-            </DocSectionText>
+            <DocSectionText {...props}></DocSectionText>
             <div className="card flex justify-content-center">
                 <Toast ref={toast} />
                 <Menu model={items} />