From cdd94b3602aa803f68c23054c294e1bcc66baf41 Mon Sep 17 00:00:00 2001
From: Colin Megill <colinmegill@gmail.com>
Date: Thu, 16 Nov 2017 20:05:30 -0800
Subject: [PATCH] render queue instantiation in own function

---
 src/components/continuous/drawLinesCanvas.js | 23 +++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/continuous/drawLinesCanvas.js b/src/components/continuous/drawLinesCanvas.js
index 32cbd987..ed90a73e 100644
--- a/src/components/continuous/drawLinesCanvas.js
+++ b/src/components/continuous/drawLinesCanvas.js
@@ -2,6 +2,8 @@ import {
   project
 } from "./util";
 
+import renderQueue from "./renderQueue";
+
 /*****************************************
 ******************************************
               draw loop
@@ -47,4 +49,23 @@ const drawLinesCanvas = (ctx, dimensions, xscale) => {
   }
 }
 
-export default drawLinesCanvas;
+const drawCellLinesUsingRenderQueue = (
+  metadata,
+  dimensions,
+  xscale,
+  ctx,
+  width,
+  height
+) => {
+
+  const _renderLinesWithQueue = renderQueue(
+    drawLinesCanvas(ctx, dimensions, xscale)
+  ).rate(50);
+  
+  _renderLinesWithQueue(metadata);
+
+  return _renderLinesWithQueue;
+
+}
+
+export default drawCellLinesUsingRenderQueue;