🐛 Fix final bugs

src/components/Block.js

@@ -3,7 +3,7 @@
  * This component display a block with a background color and containing a geometric shape
  * @param size The size of the block (a number from 0 to 12)
  * @param backgroundColor The background color of the block
- * @param shape The shape ("cirlce", "rectangle", "ellipse", "line" or "triangle") of
+ * @param shape The shape ("circle", "rectangle", "ellipse", "line" or "triangle") of
  *              the Geometric Objects contained in the block
  * @param shapeColor The color of shape contained in the block
  * Available colors are located in 'src/constants.js'

src/components/ui/GeometricObjects.js

@@ -1,7 +1,7 @@
 /**
  * GeometricObjects component documentation:
  * This component display a geometric shape
- * @param shape The shape ("cirlce", "rectangle", "ellipse", "line" or "triangle") to display
+ * @param shape The shape ("circle", "rectangle", "ellipse", "line" or "triangle") to display
  * @param shapeColor The color of shape
  * Available colors are located in 'src/constants.js'
  * You can provide more parameters based on http://rsamec.github.io/react-shapes/ documentation
@@ -13,7 +13,7 @@ import { Circle, Rectangle, Ellipse, Line, Triangle } from 'react-shapes';
 import { colors } from '../../constants';
 
 const defaultsProps = {
-  cirlce: {
+  circle: {
     r: 125,
   },
   rectangle: {
@@ -37,7 +37,7 @@ const defaultsProps = {
   },
 }
 
-const GeometricObjects = ({ shape = 'cirlce', shapeColor, ...props }) => {
+const GeometricObjects = ({ shape = 'circle', shapeColor, ...props }) => {
   const defaultProps = defaultsProps[shape];
   const shapeProps = Object.assign(
     {},
@@ -49,7 +49,7 @@ const GeometricObjects = ({ shape = 'cirlce', shapeColor, ...props }) => {
     props,
   );
   switch (shape) {
-    case 'cirlce':
+    case 'circle':
       return <Circle {...shapeProps} />
     case 'rectangle':
       return <Rectangle {...shapeProps} />