feat: 🎸 [Grid] Display 5% grid before / after

melfore · Sep 18, 2023 · b8c021c · b8c021c
1 parent 919d87b
commit b8c021c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/@components/Timeline/index.tsx b/src/@components/Timeline/index.tsx
@@ -5,7 +5,7 @@ import Konva from "konva";
 import { useTimelineContext } from "../../@contexts/Timeline";
 import { logDebug } from "../../@utils/logger";
 import { RESOURCE_HEADER_WIDTH } from "../../@utils/resources";
-import GridLayer from "../GridLayer";
+import GridLayer from "../../grid/Layer";
 import ResourcesLayer from "../ResourcesLayer";
 import TasksLayer from "../TasksLayer";
 

diff --git a/src/@components/GridLayer/index.tsx → src/grid/Layer/index.tsx b/src/@components/GridLayer/index.tsx → src/grid/Layer/index.tsx
@@ -1,8 +1,8 @@
 import React, { FC, useCallback, useMemo } from "react";
 
+import { KonvaGroup, KonvaLayer, KonvaLine, KonvaRect, KonvaText } from "../../@components/@konva";
 import { useTimelineContext } from "../../@contexts/Timeline";
 import { displayInterval } from "../../@utils/time-resolution";
-import { KonvaGroup, KonvaLayer, KonvaLine, KonvaRect, KonvaText } from "../@konva";
 
 interface GridLayerProps {
   columnWidth: number;
@@ -82,7 +82,7 @@ const GridLayer: FC<GridLayerProps> = ({ columnWidth, height, width }) => {
         <KonvaLine points={[0, 0, 0, height]} stroke="blue" />
         {timeBlocks.map((column, index) => {
           const xPos = columnWidth * index;
-          if (xPos < drawRange.start * -2 || xPos > drawRange.end * 2) {
+          if (xPos < drawRange.start * -1.05 || xPos > drawRange.end * 1.05) {
             return null;
           }