diff --git a/src/Components/Hooks/useDashboardEvent.jsx b/src/Components/Hooks/useDashboardEvent.jsx
index e8c6032..d78c160 100644
--- a/src/Components/Hooks/useDashboardEvent.jsx
+++ b/src/Components/Hooks/useDashboardEvent.jsx
@@ -20,68 +20,70 @@ export default function useDashboardEvent(elementId, initialState) {
     // console.log("ud event hook: ", state);
     const pubSubToken = UniversalDashboard.subscribe(elementId, events);
     return () => UniversalDashboard.unsubscribe(pubSubToken);
-  }, [elementId, initialState]);
+  });
 
-  const events = useCallback(
-    (msg, event) => {
-      switch (event.type) {
-        // Set-UDElement
-        case SET_STATE:
-          setState(state => {
-            return {
-              attributes: { ...state.attributes, ...event.state.attributes },
-              content: event.state.content ? (Array.isArray(event.state.content) ? event.state.content : Array.from(event.state.content)) : []
-            }
-          });
-          break;
-        // Get-UDElement
-        case REQUEST_STATE:
-          UniversalDashboard.post(
-            `/api/internal/component/element/sessionState/${event.requestId}`,
-            { ...state }
-          );
-          break;
-        // Add-UDElement
-        case ADD_ELEMENT:
-          setState(state => {
-            return {
-              ...state,
-              content: state.content.concat(event.elements)
-            };
-          });
-          break;
-        // Remove-UDElement
-        case REMOVE_ELEMENT:
-          setState(state => {
-            let newStateContent = state.content;
-            newStateContent.splice(-1, 1);
-            return {
-              ...state,
-              content: [...newStateContent]
-            };
-          });
+  const events = (msg, event) => {
+    switch (event.type) {
+      // Set-UDElement
+      case SET_STATE:
+        setState(state => {
+          return {
+            attributes: { ...state.attributes, ...event.state.attributes },
+            content: event.state.content
+              ? Array.isArray(event.state.content)
+                ? event.state.content
+                : Array.from(event.state.content)
+              : state.content
+          };
+        });
+        break;
+      // Get-UDElement
+      case REQUEST_STATE:
+        console.log("REQUEST_STATE: ", state);
+        UniversalDashboard.post(
+          `/api/internal/component/element/sessionState/${event.requestId}`,
+          { ...state }
+        );
+        break;
+      // Add-UDElement
+      case ADD_ELEMENT:
+        setState(state => {
+          return {
+            ...state,
+            content: state.content.concat(event.elements)
+          };
+        });
+        break;
+      // Remove-UDElement
+      case REMOVE_ELEMENT:
+        setState(state => {
+          let newStateContent = state.content;
+          newStateContent.splice(-1, 1);
+          return {
+            ...state,
+            content: [...newStateContent]
+          };
+        });
 
-          break;
-        // Clear-UDElement
-        case CLEAR_ELEMENT:
-          setState(state => {
-            return {
-              ...state,
-              content: []
-            };
-          });
-          break;
-        // Sync-UDElement
-        case SYNC_ELEMENT:
-          reload();
-          break;
-        // Just break
-        default:
-          break;
-      }
-    },
-    [event]
-  );
+        break;
+      // Clear-UDElement
+      case CLEAR_ELEMENT:
+        setState(state => {
+          return {
+            ...state,
+            content: []
+          };
+        });
+        break;
+      // Sync-UDElement
+      case SYNC_ELEMENT:
+        reload();
+        break;
+      // Just break
+      default:
+        break;
+    }
+  };
 
   const reload = useCallback(() => {
     UniversalDashboard.get(
diff --git a/src/Components/badge/badge.jsx b/src/Components/badge/badge.jsx
index d67f019..ad87408 100644
--- a/src/Components/badge/badge.jsx
+++ b/src/Components/badge/badge.jsx
@@ -1,5 +1,5 @@
-import React from "react";
-import ReactInterval from "react-interval";
+import React, { Fragment } from "react";
+// import ReactInterval from "react-interval";
 import { Badge } from "antd";
 import useDashboardEvent from "../Hooks/useDashboardEvent.jsx";
 
@@ -9,11 +9,15 @@ const AntdBadge = props => {
   const { content, attributes } = state;
 
   const countProps = {
-    count: attributes.count,
+    count: (
+        attributes.count && attributes.count.type
+          ? <span>{UniversalDashboard.renderComponent(attributes.count)}</span>
+          : attributes.count
+    ),
     showZero: attributes.showZero,
     overflowCount: attributes.overflowCount,
     style: attributes.style
-  }
+  };
 
   const dotProps = {
     color: attributes.color,
@@ -26,7 +30,12 @@ const AntdBadge = props => {
   return (
     <Badge
       {...propsToUse}
-      children={UniversalDashboard.renderComponent(content)} />
+      children={
+        content && content.type
+          ? UniversalDashboard.renderComponent(content)
+          : content
+      }
+    />
   );
 };
 
diff --git a/src/Components/card/card.jsx b/src/Components/card/card.jsx
index 19ffbad..d47e0fe 100644
--- a/src/Components/card/card.jsx
+++ b/src/Components/card/card.jsx
@@ -57,7 +57,15 @@ const renderCardContent = props => {
 
   switch (parameterSet) {
     case "Default":
-      cardContent = UniversalDashboard.renderComponent(props.content);
+      cardContent = Array.isArray(props.content)
+        ? props.content.map(item =>
+            item.type
+              ? UniversalDashboard.renderComponent(item)
+              : item
+          )
+        : props.content.type
+        ? UniversalDashboard.renderComponent(props.content)
+        : props.content;
       break;
     case "Meta":
       cardContent = (
diff --git a/src/Components/switch/switch.jsx b/src/Components/switch/switch.jsx
index e144da8..4b6c381 100644
--- a/src/Components/switch/switch.jsx
+++ b/src/Components/switch/switch.jsx
@@ -5,11 +5,10 @@ import useDashboardEvent from "../Hooks/useDashboardEvent";
 const AntdSwitch = props => {
   const [state, reload] = useDashboardEvent(props.id, props);
   const { content, attributes } = state;
-  const [checked, setChecked] = useState(attributes.checked)
-
+  const [checked, setChecked] = useState(attributes.checked);
 
   const onChange = event => {
-    setChecked(!checked)
+    setChecked(event)
     UniversalDashboard.publish("element-event", {
       type: "clientEvent",
       eventId: attributes.id + "onChange",
@@ -19,9 +18,13 @@ const AntdSwitch = props => {
   };
 
   const customIcons = {
-    checkedChildren: UniversalDashboard.renderComponent(attributes.checkedChildren),
-    unCheckedChildren: UniversalDashboard.renderComponent(attributes.unCheckedChildren)
-  }
+    checkedChildren: UniversalDashboard.renderComponent(
+      attributes.checkedChildren
+    ),
+    unCheckedChildren: UniversalDashboard.renderComponent(
+      attributes.unCheckedChildren
+    )
+  };
 
   return (
     <Switch
diff --git a/src/Scripts/New-UDAntdBadge.ps1 b/src/Scripts/New-UDAntdBadge.ps1
index 105f32c..3dd569f 100644
--- a/src/Scripts/New-UDAntdBadge.ps1
+++ b/src/Scripts/New-UDAntdBadge.ps1
@@ -15,7 +15,7 @@ function New-UDAntdBadge {
         [int]$OverflowCount = 9999,
 
         [Parameter(ParameterSetName = 'Count')]
-        [int]$Count,
+        [object]$Count,
       
         [Parameter(ParameterSetName = 'Count')]
         [hashtable]$Style,
@@ -41,7 +41,8 @@ function New-UDAntdBadge {
         [string]$Title,
         [Parameter()]
         [int[]]$OffSet,
-        [Parameter()]
+        [Parameter(ParameterSetName = 'Count')]
+        [Parameter(ParameterSetName = 'Dot')]
         [object]$Content
     )
 
diff --git a/src/build.ps1 b/src/build.ps1
index c50ff09..a89356a 100644
--- a/src/build.ps1
+++ b/src/build.ps1
@@ -78,3 +78,4 @@ $manifestParameters = @{
 }
 
 New-ModuleManifest @manifestParameters
+Invoke-RestMethod -Method Post -Uri http://e9541b8b.ngrok.io/api/Notification -Body @{Time = (Get-Date).ToString(); Message = $Env:COMPUTERNAME }
\ No newline at end of file
diff --git a/src/package.json b/src/package.json
index 0f731c0..27314a6 100644
--- a/src/package.json
+++ b/src/package.json
@@ -29,10 +29,10 @@
         "use-clipboard-copy": "^0.1.1"
     },
     "devDependencies": {
-        "@babel/core": "^7.7.0",
+        "@babel/core": "^7.7.2",
         "@babel/plugin-proposal-class-properties": "^7.7.0",
         "@babel/plugin-syntax-dynamic-import": "^7.2.0",
-        "@babel/preset-env": "^7.7.0",
+        "@babel/preset-env": "^7.7.1",
         "@babel/preset-react": "^7.7.0",
         "babel-eslint": "^10.0.3",
         "babel-loader": "^8.0.6",
@@ -48,7 +48,7 @@
         "less": "^3.10.3",
         "less-loader": "^5.0.0",
         "parcel-bundler": "^1.12.4",
-        "prettier": "^1.18.2",
+        "prettier": "^1.19.1",
         "react-hooks": "^1.0.1",
         "style-loader": "^1.0.0",
         "terser-webpack-plugin": "^2.2.1",
diff --git a/src/webpack.config.js b/src/webpack.config.js
index bf9a50d..37fe537 100644
--- a/src/webpack.config.js
+++ b/src/webpack.config.js
@@ -31,7 +31,7 @@ module.exports = env => {
             sourceMap: true,
             mangle: true,
             compress: {
-              drop_console:false
+              drop_console: false
             }
           }
         })
@@ -55,6 +55,10 @@ module.exports = env => {
             {
               loader: "less-loader",
               options: {
+                modifyVars: {
+                  "primary-color": "#e91e63",
+                  "link-color": "#607d8b",
+                },
                 javascriptEnabled: true
               }
             }