docs: improve tutorial

helloanoop · web-flow · commit 96bed93c9f0e · 2022-11-10T06:01:49.000+05:30
diff --git a/packages/docsite/markdown/docs/00 Quick Start/Tutorial.md b/packages/docsite/markdown/docs/00 Quick Start/Tutorial.md
@@ -662,6 +662,23 @@ import { canMoveKnight, moveKnight } from './Game'
 import { ItemTypes } from './Constants'
 import { useDrop } from 'react-dnd'
 
+const Overlay = ({color}) => {
+  return (
+    <div
+      style={{
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        height: '100%',
+        width: '100%',
+        zIndex: 1,
+        opacity: 0.5,
+        backgroundColor: color,
+      }}
+    />
+  )
+}
+
 function BoardSquare({ x, y, children }) {
   const black = (x + y) % 2 === 1
   const [{ isOver, canDrop }, drop] = useDrop(
