Refactor primefaces#4392 - Messages PT Demo

melloware · May 22, 2023 · c3f0c83 · c3f0c83
1 parent 328477c
commit c3f0c83
Showing 1 changed file with 5 additions and 17 deletions.
diff --git a/components/doc/messages/pt/ptdoc.js b/components/doc/messages/pt/ptdoc.js
@@ -8,21 +8,15 @@ export function PTDoc(props) {
     const msgs = useRef(null);
 
     useMountEffect(() => {
-        msgs.current &&
-            msgs.current.show([
-                { sticky: true, severity: 'info', summary: 'Info', detail: 'Message Content', closable: false },
-                { sticky: true, severity: 'info', summary: 'Info', detail: 'Message Content', closable: false },
-                { sticky: true, severity: 'info', summary: 'Info', detail: 'Message Content', closable: false },
-                { sticky: true, severity: 'info', summary: 'Info', detail: 'Message Content', closable: false }
-            ]);
+        msgs.current && msgs.current.show([{ sticky: true, severity: 'info', summary: 'Info', detail: 'Message Content', closable: false }]);
     });
 
     const code = {
         basic: `
 <Messages
     ref={msgs}
     pt={{
-        wrapper: ({ index }) => ({ className: \`bg-yellow-\${((index + 1 > 5 && 5) || index + 1 || 1) * 100} my-4\` })
+        wrapper: { className: 'bg-yellow-100' }
     }}
 />
         `,
@@ -36,9 +30,6 @@ export default function PTDemo() {
 
     useMountEffect(() => {
         msgs.current && msgs.current.show([
-            { sticky: true, severity: 'info', summary: 'Info', detail: 'Message Content', closable: false },
-            { sticky: true, severity: 'info', summary: 'Info', detail: 'Message Content', closable: false },
-            { sticky: true, severity: 'info', summary: 'Info', detail: 'Message Content', closable: false },
             { sticky: true, severity: 'info', summary: 'Info', detail: 'Message Content', closable: false }
         ]);
     });
@@ -48,7 +39,7 @@ export default function PTDemo() {
             <Messages
                 ref={msgs}
                 pt={{
-                    wrapper: ({ index }) => ({ className: \`bg-yellow-\${((index + 1 > 5 && 5) || index + 1 || 1) * 100} my-4\` })
+                    wrapper: { className: 'bg-yellow-100' }
                 }}
             />
         </div>
@@ -65,9 +56,6 @@ export default function PTDemo() {
 
     useMountEffect(() => {
         msgs.current && msgs.current.show([
-            { sticky: true, severity: 'info', summary: 'Info', detail: 'Message Content', closable: false },
-            { sticky: true, severity: 'info', summary: 'Info', detail: 'Message Content', closable: false },
-            { sticky: true, severity: 'info', summary: 'Info', detail: 'Message Content', closable: false },
             { sticky: true, severity: 'info', summary: 'Info', detail: 'Message Content', closable: false }
         ]);
     });
@@ -77,7 +65,7 @@ export default function PTDemo() {
             <Messages
                 ref={msgs}
                 pt={{
-                    wrapper: ({ index }) => ({ className: \`bg-yellow-\${((index + 1 > 5 && 5) || index + 1 || 1) * 100} my-4\` })
+                    wrapper: { className: 'bg-yellow-100' }
                 }}
             />
         </div>
@@ -93,7 +81,7 @@ export default function PTDemo() {
                 <Messages
                     ref={msgs}
                     pt={{
-                        wrapper: ({ index }) => ({ className: `bg-yellow-${((index + 1 > 5 && 5) || index + 1 || 1) * 100} my-4` })
+                        wrapper: { className: 'bg-yellow-100' }
                     }}
                 />
             </div>