⚡️ :: (#28) realize start node & end node

functions/src/components/Providers/GateContextProvider.tsx

@@ -1,13 +1,33 @@
 import { FC, useCallback, useMemo, useState } from "react";
-import { Dot, Gate, GateContext, GateContextType, Node, Point } from "../../context/GateContext";
+import {
+  CurrentNode,
+  Gate,
+  GateContext,
+  GateContextType,
+  Node,
+  Point,
+} from "../../context/GateContext";
 
 const GateContextProvider: FC = ({ children }) => {
   const [gates, setGates] = useState<Gate[]>([]);
   const [nodes, setNodes] = useState<Node[]>([]);
-  const [currentNode, setCurrentNode] = useState<Node | null>(null);
+  const [currentNode, setCurrentNode] = useState<CurrentNode | null>(null);
+
+  const startNode = useCallback((position: Point) => {
+    setCurrentNode({ start: position, end: position });
+  }, []);
+
+  const endNode = useCallback(
+    (position: Point) => {
+      if (!currentNode) {
+        return;
+      }
+
+      setCurrentNode({ ...currentNode, end: position });
+    },
+    [currentNode]
+  );
 
-  const startNode = useCallback((dot: Dot) => {}, []);
-  const endNode = useCallback((position: Point) => {}, []);
   const addNode = useCallback((startDotId: string, endDotId: string) => {}, []);
   const setNodeIsActive = useCallback((nodeId: string, isActive: boolean) => {}, []);
 

functions/src/context/GateContext.ts

@@ -24,11 +24,16 @@ export interface Node {
   isActive: boolean;
 }
 
+export interface CurrentNode {
+  start: Point;
+  end: Point;
+}
+
 export interface GateContextType {
   gates: Gate[];
   nodes: Node[];
-  currentNode: Node | null;
-  startNode: (dot: Dot) => void;
+  currentNode: CurrentNode | null;
+  startNode: (position: Point) => void;
   endNode: (position: Point) => void;
   addNode: (startDotId: string, endDotId: string) => void;
   setNodeIsActive: (nodeId: string, isActive: boolean) => void;