```jsx function MainComponent() { const { isOpen, onOpen, onClose } = ChakraUI.useDisclosure(); const inputFileRef = React.useRef(null); const [pdfData, setPdfData] = React.useState(null); const [jobDescription, setJobDescription] = React.useState(""); const [recommendations, setRecommendations] = React.useState(""); const [isLoading, setIsLoading] = React.useState(false); const handleFileChange = (event) => { const file = event.target.files[0]; if (file && file.type === 'application/pdf') { setPdfData(file); if (!isOpen) { onOpen(); } } }; const generateRecommendation = async () => { setIsLoading(true); const imgBlob = await (await fetch('/integrations/file-converter/convert', { method: 'POST', body: pdfData, })).blob(); const imageBase64 = await new Promise((resolve) => { const reader = new FileReader(); reader.onloadend = () => resolve(reader.result.split(',')[1]); reader.readAsDataURL(imgBlob); }); const visionRes = await fetch('/integrations/gpt-vision/', { method: 'POST', body: JSON.stringify({ messages: [{ "role": "user", "content": [{ "type": "image_url", "image_url": { "url": `data:image/jpeg;base64,${imageBase64}` } }] }] }), }); const visionResData = await visionRes.json(); const resumeText = visionResData.choices[0]?.message?.content; const chatRes = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": jobDescription }, { "role": "system", "content": resumeText } ], system_prompt: "You are an expert resume reviewer. Read the job description, and the resume text, and give actionable, specific recommendations on how you can tailor the resume to the job description. Output in markdown and optimize for clarity" }), }); const chatResData = await chatRes.json(); setRecommendations(chatResData.result); setIsLoading(false); }; return ( {!pdfData && inputFileRef.current.click()}>Upload Resume} Job Description setJobDescription(e.target.value)} bg="#1A202C" color="white" name="jobDescription" /> Get Recommendations {recommendations && ( <> {recommendations} navigator.clipboard.writeText(recommendations)} mt={2} > Copy Recommendations )} ); } ```