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