From d567a4f98b87e8b6430633e3b8926bb20c5a004c Mon Sep 17 00:00:00 2001
From: Lukas Martinelli <me@lukasmartinelli.ch>
Date: Thu, 29 Dec 2016 22:58:36 +0100
Subject: [PATCH] Add support for circle layer #30

---
 src/components/icons/CircleIcon.jsx | 15 ++++++++++
 src/components/icons/LayerIcon.jsx  |  2 ++
 src/config/layout.json              | 44 +++++++++++++++++++++++++++++
 3 files changed, 61 insertions(+)
 create mode 100644 src/components/icons/CircleIcon.jsx

diff --git a/src/components/icons/CircleIcon.jsx b/src/components/icons/CircleIcon.jsx
new file mode 100644
index 00000000..e6e7d538
--- /dev/null
+++ b/src/components/icons/CircleIcon.jsx
@@ -0,0 +1,15 @@
+import React from 'react'
+import IconBase from 'react-icon-base'
+
+
+export default class FillIcon extends React.Component {
+  render() {
+    return (
+      <IconBase viewBox="0 0 20 20" {...this.props}>
+        <path transform="translate(2 2)" d="M7.5,0C11.6422,0,15,3.3578,15,7.5S11.6422,15,7.5,15 S0,11.6422,0,7.5S3.3578,0,7.5,0z M7.5,1.6666c-3.2217,0-5.8333,2.6117-5.8333,5.8334S4.2783,13.3334,7.5,13.3334 s5.8333-2.6117,5.8333-5.8334S10.7217,1.6666,7.5,1.6666z"></path>
+      </IconBase>
+    )
+  }
+}
+
+
diff --git a/src/components/icons/LayerIcon.jsx b/src/components/icons/LayerIcon.jsx
index 45a1584a..72591226 100644
--- a/src/components/icons/LayerIcon.jsx
+++ b/src/components/icons/LayerIcon.jsx
@@ -4,6 +4,7 @@ import LineIcon from './LineIcon.jsx'
 import FillIcon from './FillIcon.jsx'
 import SymbolIcon from './SymbolIcon.jsx'
 import BackgroundIcon from './BackgroundIcon.jsx'
+import CircleIcon from './CircleIcon.jsx'
 
 class LayerIcon extends React.Component {
   static propTypes = {
@@ -19,6 +20,7 @@ class LayerIcon extends React.Component {
       case 'background': return <BackgroundIcon {...iconProps} />
       case 'line': return <LineIcon {...iconProps} />
       case 'symbol': return <SymbolIcon {...iconProps} />
+      case 'circle': return <CircleIcon {...iconProps} />
       default: return null
     }
   }
diff --git a/src/config/layout.json b/src/config/layout.json
index 91b67d33..09810fb9 100644
--- a/src/config/layout.json
+++ b/src/config/layout.json
@@ -124,6 +124,50 @@
         }
       ]
     },
+    "circle": {
+      "groups": [
+        {
+          "title": "Settings",
+          "type": "settings"
+        },
+        {
+          "title": "Source",
+          "type": "source"
+        },
+        {
+          "title": "Basic",
+          "type": "properties",
+          "fields": [
+            "circle-color",
+            "circle-opacity",
+            "circle-stroke-color",
+            "circle-stroke-opacity",
+            "circle-blur"
+          ]
+        },
+        {
+          "title": "Scale",
+          "type": "properties",
+          "fields": [
+            "circle-radius",
+            "circle-stroke-width",
+            "circle-pitch-scale"
+          ]
+        },
+        {
+          "title": "Position",
+          "type": "properties",
+          "fields": [
+            "circle-translate",
+            "circle-translate-anchor"
+          ]
+        },
+        {
+          "title": "JSON",
+          "type": "jsoneditor"
+        }
+      ]
+    },
     "symbol": {
       "groups": [
         {