olemorud/react-befunge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make drag&drop transfer entire object

Browse Source
This commit is contained in:
Ole Morud
2022-08-22 22:37:35 +02:00
parent 8c80a1a203
commit 18c0be6a53
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/InstructionMenu.tsx
View File

@@ -1,6 +1,6 @@
import { Card, CardContent, Grid, styled, Typography } from "@mui/material" import { Card, CardContent, Grid, styled, Typography } from "@mui/material"
import React from "react" import React from "react"
import instructions, { Instruction } from "../Instructions" import instructions, { Instruction } from "../instructions"
import Tooltip, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip" import Tooltip, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip"
import { SIDEBAR_WIDTH } from "../const" import { SIDEBAR_WIDTH } from "../const"
@@ -36,7 +36,7 @@ function handleDragStart(
} }
event.dataTransfer.dropEffect = "copy" event.dataTransfer.dropEffect = "copy"
event.dataTransfer.setData("text/plain", instruction.symbol) event.dataTransfer.setData("instruction", JSON.stringify(instruction))
} }
export default function InstructionMenu() { export default function InstructionMenu() {
@@ -45,7 +45,7 @@ export default function InstructionMenu() {
return ( return (
<div style={sideBar}> <div style={sideBar}>
<Grid container columns={2}> <Grid container columns={2}>
{instructions.map((instruction: Instruction) => { {instructions.slice(1).map((instruction: Instruction) => {
return ( return (
<Grid item key={key++} xs={1}> <Grid item key={key++} xs={1}>
<HtmlTooltip <HtmlTooltip