Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve look of popup

Browse Source
This commit is contained in:
Abi Raja 2024-05-29 14:54:50 -04:00
parent 608ba5cc6f
commit 82132d57aa
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/components/select-and-edit/EditPopup.tsx
View File

@ -25,26 +25,28 @@ const EditPopup: React.FC<EditPopupProps> = ({
}
}, [popupVisible]);
// useEffect(() => {
// if (!popupVisible) {
// setEditText("");
// }
// }, [popupVisible, setEditText]);
useEffect(() => {
if (!popupVisible) {
setEditText("");
}
}, [popupVisible, setEditText]);
if (!popupVisible) return;
return (
<div
className="absolute bg-white p-4 border border-gray-300 rounded shadow-lg"
className="absolute bg-white p-4 border border-gray-300 rounded shadow-lg w-60"
style={{ top: popupPosition.y, left: popupPosition.x }}
>
<Textarea
ref={textareaRef}
value={editText}
onChange={(e) => setEditText(e.target.value)}
placeholder="Edit text"
placeholder="Tell the AI what to change about this element..."
/>
<Button onClick={handleEditSubmit} className="mt-2">
Submit
</Button>
<div className="flex justify-end mt-2">
<Button onClick={handleEditSubmit}>Update</Button>
</div>
</div>
);
};