titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Removed isHovered from Table

Browse Source
This commit is contained in:
1ilit 2024-04-02 03:38:58 +03:00
parent cf71859f5c
commit 4d7f18c26e
1 changed files with 114 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/EditorCanvas/Table.jsx
View File

@ -40,7 +40,6 @@ import useSelect from "../../hooks/useSelect";
import useTypes from "../../hooks/useTypes"; import useTypes from "../../hooks/useTypes";
export default function Table(props) { export default function Table(props) {
const [isHovered, setIsHovered] = useState(false);
const [hoveredField, setHoveredField] = useState(-1); const [hoveredField, setHoveredField] = useState(-1);
const [editField, setEditField] = useState({}); const [editField, setEditField] = useState({});
const { layout } = useLayout(); const { layout } = useLayout();
@ -61,23 +60,20 @@ export default function Table(props) {
y={props.tableData.y} y={props.tableData.y}
width={200} width={200}
height={height} height={height}
className="drop-shadow-lg rounded-md cursor-move" className="group drop-shadow-lg rounded-md cursor-move"
onMouseDown={props.onMouseDown} onMouseDown={props.onMouseDown}
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
> >
<div <div
className={`border-2 ${ className={`border-2 hover:border-dashed hover:border-blue-500
isHovered select-none rounded-lg w-full ${
? "border-dashed border-blue-500"
: selectedElement.element === ObjectType.TABLE &&
selectedElement.id === props.tableData.id
? "border-blue-500"
: "border-slate-400"
} select-none rounded-lg w-full ${
settings.mode === "light" settings.mode === "light"
? "bg-zinc-100 text-zinc-800" ? "bg-zinc-100 text-zinc-800"
: "bg-zinc-800 text-zinc-200" : "bg-zinc-800 text-zinc-200"
} ${
selectedElement.id === props.tableData.id &&
selectedElement.element === ObjectType.TABLE
? "border-solid border-blue-500"
: "border-zinc-500"
}`} }`}
> >
<div <div
@ -92,8 +88,7 @@ export default function Table(props) {
<div className="px-3 overflow-hidden text-ellipsis whitespace-nowrap"> <div className="px-3 overflow-hidden text-ellipsis whitespace-nowrap">
{props.tableData.name} {props.tableData.name}
</div> </div>
{isHovered && ( <div className="invisible group-hover:visible flex justify-end items-center mx-2">
<div className="flex justify-end items-center mx-2">
<Button <Button
icon={<IconEdit />} icon={<IconEdit />}
size="small" size="small"
@ -202,7 +197,6 @@ export default function Table(props) {
/> />
</Popover> </Popover>
</div> </div>
)}
</div> </div>
{props.tableData.fields.map((e, i) => { {props.tableData.fields.map((e, i) => {
return settings.showFieldSummary ? ( return settings.showFieldSummary ? (