vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: lint

Browse Source
This commit is contained in:
karishmas6
2024-05-10 02:18:29 +05:30
parent 731a3f1824
commit 296857d8e0
1 changed files with 25 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
ui/src/components/WebPreview/index.jsx
View File

@@ -1,42 +1,43 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { getCssSelector } from "css-selector-generator"; import { getCssSelector } from 'css-selector-generator';
import axios from 'axios' import axios from 'axios';
function WebPreview({ html, setHtml, elements }) { function WebPreview({ html, setHtml, elements }) {
const [url, setUrl] = useState(null); const [url, setUrl] = useState(null);
const [isFetching, setIsFetching] = useState(false); const [isFetching, setIsFetching] = useState(false);
async function loadWebsite() { async function loadWebsite() {
try { try {
setIsFetching(true); setIsFetching(true);
const response = await axios.post('http://localhost:3000/load-website', { const response = await axios.post('http://localhost:3000/load-website', {
url: 'https://syehan-travelize.netlify.app/' url: 'https://syehan-travelize.netlify.app/',
}); });
console.log('Response:', response.data); console.log('Response:', response.data);
setHtml(response.data); setHtml(response.data);
setIsFetching(false); setIsFetching(false);
} catch (error) { } catch (error) {
console.error('Error loading website:', error); console.error('Error loading website:', error);
} }
} }
return ( return (
<div className="border border-gray-300 p-4 mb-4"> <div className="border border-gray-300 p-4 mb-4">
<button onClick={() => loadWebsite()} className="bg-blue-500 text-white px-4 py-2 rounded">Load Website</button> <button
onClick={() => loadWebsite()}
className="bg-blue-500 text-white px-4 py-2 rounded"
>
Load Website
</button>
<h2 className="text-lg font-semibold mb-2">Web Page Preview</h2> <h2 className="text-lg font-semibold mb-2">Web Page Preview</h2>
{ {html && html.length > 0 ? (
html && html.length > 0 ? ( <iframe
<iframe srcDoc={html}
srcDoc={html} sandbox="allow-forms allow-scripts"
sandbox="allow-forms allow-scripts" style={{ width: '850px', height: '620px', resize: 'both' }}
style={{width: "850px", height:"620px", resize: "both"}}
></iframe> ></iframe>
) : ) : (
( <p className="text-gray-500">No website loaded</p>
<p className="text-gray-500">No website loaded</p> )}
)
}
</div> </div>
); );
} }