Canvas: Add symbol selector

src/Components/Canvas/Selector.ts

@@ -1,33 +1,26 @@
-import { IContainerModel } from '../../Interfaces/IContainerModel';
 import { SHOW_SELECTOR_TEXT } from '../../utils/default';
-import { GetAbsolutePosition } from '../../utils/itertools';
-import { RemoveMargin } from '../../utils/svg';
 
 interface ISelectorProps {
-  containers: Map<string, IContainerModel>
-  selected?: IContainerModel
-  scale?: number
+  text: string
+  x: number
+  y: number
+  width: number
+  height: number
+  scale: number
 }
 
-export function RenderSelector(ctx: CanvasRenderingContext2D, frameCount: number, props: ISelectorProps): void {
-  if (props.selected === undefined || props.selected === null) {
-    return;
-  }
-
-  const scale = (props.scale ?? 1);
-  let [x, y] = GetAbsolutePosition(props.containers, props.selected);
-  let [width, height] = [
-    props.selected.properties.width,
-    props.selected.properties.height
-  ];
-
-  ({ x, y, width, height } = RemoveMargin(x, y, width, height,
-    props.selected.properties.margin.left,
-    props.selected.properties.margin.bottom,
-    props.selected.properties.margin.top,
-    props.selected.properties.margin.right
-  ));
-
+export function RenderSelector(
+  ctx: CanvasRenderingContext2D,
+  frameCount: number,
+  {
+    text,
+    x,
+    y,
+    width,
+    height,
+    scale
+  }: ISelectorProps
+): void {
   const xText = x + width / 2;
   const yText = y + height / 2;
 
@@ -42,7 +35,7 @@ export function RenderSelector(ctx: CanvasRenderingContext2D, frameCount: number
   if (SHOW_SELECTOR_TEXT) {
     ctx.font = `${16 / scale}px Verdana`;
     ctx.textAlign = 'center';
-    ctx.fillText(props.selected.properties.displayedText, xText, yText);
+    ctx.fillText(text, xText, yText);
     ctx.textAlign = 'left';
   }
 }