Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 10x 1x 1x | import React, { useState } from "react";
import "./Breakpoint.css";
import { ToastContainer, toast } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";
import axios from "axios";
import { useTheme } from "../../context/ThemeContext";
const Breakpoint = () => {
const { isDark } = useTheme();
const [breakLine, setBreakLine] = useState("");
const [breakFunction, setBreakFunction] = useState("");
const handleBreakSave = async (e) => {
e.preventDefault();
if (!breakLine && !breakFunction) {
toast.error("Enter any of the field", {
autoClose: 1000,
});
return;
}
try {
const data = await axios.post("http://127.0.0.1:10000/set_breakpoint", {
location: breakLine,
name: "program",
});
console.log(data);
toast.success("Added breakpoint", {
autoClose: 1000,
});
} catch (error) {
toast.error("Something went Wrong", {
autoClose: 1000,
});
}
};
return (
<div className="breakpoint-container">
<div className="add-breakpoint">Add Breakpoint</div>
<div className="lower-breakpoint">
<div className="line-breakpoint">
<a>Line</a>
<input
type="text"
name=""
id=""
value={breakLine}
onChange={(e) => setBreakLine(e.target.value)}
/>
</div>
<div className="line-breakpoint">
<a>Function</a>
<input
type="text"
name=""
id=""
value={breakFunction}
onChange={(e) => setBreakFunction(e.target.value)}
/>
</div>
<button className="save-button" onClick={handleBreakSave}>
Add
</button>
</div>
<ToastContainer
position="bottom-right"
autoClose={1000}
hideProgressBar={false}
newestOnTop={false}
closeOnClick
rtl={false}
pauseOnFocusLoss
draggable
pauseOnHover
theme={isDark ? "dark" : "light"}
/>
</div>
);
};
export default Breakpoint;
|