Refactoring code

src/views/demoComponent/DemoComponent1.js

 const DemoComponent1 = () => {
     const exec = () => {
         const pdf = new PDFEngine();
-        window.print();
+        pdf.execute();
+        // window.print();
     }
     // const apiCall = () => {
 

src/views/demoComponent/DemoComponent11.js

 
     const exec = () => {
         const pdf = new PDFEngine();
+        pdf.execute();
         // window.print();
     }
     return (

src/views/demoComponent/DemoComponent14.js

 
             pdf.execute();
             
-            window.print();
+            // window.print();
         
     }
     // const apiCall = () => {
     // }
     return (
         <>
-            <div code="br-hide" style={{ display: 'flex', flexDirection: 'row', border: '1px solid #dedede', width: '50%', height: '200px', backgroundColor: 'white', padding: '5px', borderRadius: '10px' }}>
-                <div style={{ backgroundColor: 'white', minHeight: '100%', width: '50%', padding: '2px', margin: '5px' }}>
-                    <div style={{ backgroundColor: 'white', width: '50%', padding: '2px', marginBottom: '20px' }}>
-                        <h4 id="nesto">PDFEngine</h4>
+            <div code="br-hide">
+                <div style={{ display: 'flex', flexDirection: 'row', border: '1px solid #dedede', width: '50%', height: '200px', backgroundColor: 'white', padding: '5px', borderRadius: '10px' }}>
+                    <div style={{ backgroundColor: 'white', minHeight: '100%', width: '50%', padding: '2px', margin: '5px' }}>
+                        <div style={{ backgroundColor: 'white', width: '50%', padding: '2px', marginBottom: '20px' }}>
+                            <h4>PDFEngine</h4>
+                        </div>
+                        <div style={{ display: 'flex', flexDirection: 'row', marginLeft: '10px' }}>
+                            <button style={{ marginLeft: '5px' }} className=" btn btn-primary" onClick={exec}>Print view</button>
+                        </div>
                     </div>
-                    <div style={{ display: 'flex', flexDirection: 'row', marginLeft: '10px' }}>
-                        <button style={{ marginLeft: '5px' }} className=" btn btn-primary" onClick={exec}>Print view</button>
+                    <div style={{ backgroundColor: 'white', minHeight: '100%', width: '50%', padding: '5px' }}>
                     </div>
                 </div>
-                <div style={{ backgroundColor: 'white', minHeight: '100%', width: '50%', padding: '5px' }}>
-                </div>
             </div>
             <br />
-            1
+            
             <br />
             <br />
             <WidgetsDropdown />

src/views/demoComponent/DemoComponent2.js

 
 const DemoComponent2 = () => {
     const exec = () => {
-        console.log(PDFEngine());
         const url = encodeURIComponent("http://localhost:3000/#/DemoComponent2");
         const dateNow = new Date();
         fetch('https://localhost:7285/api/PDFGenerator/' + url)

src/views/demoComponent/DemoComponent3.js

     const exec = () =>
     {
         const pdf = new PDFEngine();
+        pdf.execute();
         // window.print();
     }
     return (

src/views/demoComponent/DemoComponent4.js

     const exec = () =>
     {
         const pdf = new PDFEngine();
+        pdf.execute();
         // window.print();
     }
     return (

src/views/demoComponent/DemoComponent5.js

 
     const exec = () => {
         const pdf = new PDFEngine();
+        pdf.execute();
         // window.print();
     }
     return (

src/views/demoComponent/DemoComponent6.js

     const exec = () =>
     {
         const pdf = new PDFEngine();
+        pdf.execute();
         // window.print();
     }
     return (

src/views/demoComponent/DemoComponent8.js

     const exec = () =>
     {
         const pdf = new PDFEngine();
+        pdf.execute();
         // window.print();
     }
     return (