Merge pull request #293 from factly/feat/analytics

feat: add analytics field in space
factly · Apr 11, 2021 · 56d37eb · 56d37eb
2 parents 6c6f93b + 205f4ae
commit 56d37eb
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 5 deletions.
diff --git a/src/config/routesConfig.js b/src/config/routesConfig.js
@@ -7,6 +7,7 @@ import {
 
 //Pages
 import Dashboard from '../pages/dashboard';
+import Analytics from '../pages/analytics';
 
 //Spaces
 import Spaces from '../pages/spaces';
@@ -115,7 +116,7 @@ const routes = {
   },
   analytics: {
     path: '/analytics',
-    Component: Dashboard, // component is empty for now
+    Component: Analytics,
     title: 'Analytics',
   },
   spaces: {

diff --git a/src/pages/analytics/index.js b/src/pages/analytics/index.js
@@ -0,0 +1,26 @@
+import React from 'react';
+import { Result, Skeleton, Space } from 'antd';
+import { useSelector } from 'react-redux';
+
+function Analytics() {
+  const { space, loading } = useSelector(({ spaces }) => {
+    return {
+      space: spaces.details[spaces.selected],
+      loading: spaces.loading,
+    };
+  });
+
+  if (loading) return <Skeleton />;
+
+  return (
+    <Space direction="vertical">
+      {space.analytics && space.analytics.plausible && space.analytics.plausible.embed_code ? (
+        <div dangerouslySetInnerHTML={{ __html: space.analytics.plausible.embed_code }} />
+      ) : (
+        <Result title="No analytics found" />
+      )}
+    </Space>
+  );
+}
+
+export default Analytics;
diff --git a/src/pages/spaces/components/SpaceEditForm.js b/src/pages/spaces/components/SpaceEditForm.js
@@ -37,6 +37,7 @@ const SpaceEditForm = ({ onCreate, data = {} }) => {
         <Steps.Step title="Basic" />
         <Steps.Step title="Media" />
         <Steps.Step title="Contact" />
+        <Steps.Step title="Analytics" />
       </Steps>
       <Form
         {...layout}
@@ -48,7 +49,7 @@ const SpaceEditForm = ({ onCreate, data = {} }) => {
           onReset();
         }}
         scrollToFirstError={true}
-        onFinishFailed={(errors) => {
+        onFinishFailed={() => {
           setCurrent(0);
         }}
         onValuesChange={() => {
@@ -144,16 +145,27 @@ const SpaceEditForm = ({ onCreate, data = {} }) => {
             <Input style={{ width: '100%' }} />
           </Form.Item>
         </div>
+        <div style={current === 3 ? { display: 'block' } : { display: 'none' }}>
+          <Form.Item name={['analytics', 'plausible', 'server_url']} label="Server URL">
+            <Input style={{ width: '100%' }} />
+          </Form.Item>
+          <Form.Item name={['analytics', 'plausible', 'domain']} label="Domain">
+            <Input style={{ width: '100%' }} />
+          </Form.Item>
+          <Form.Item name={['analytics', 'plausible', 'embed_code']} label="Embed Code">
+            <Input.TextArea style={{ width: '100%' }} />
+          </Form.Item>
+        </div>
         <Form.Item>
           <Button disabled={current === 0} onClick={() => setCurrent(current - 1)}>
             Back
           </Button>
-          {current < 2 ? (
-            <Button disabled={current === 2} onClick={() => setCurrent(current + 1)}>
+          {current < 3 ? (
+            <Button disabled={current === 3} onClick={() => setCurrent(current + 1)}>
               Next
             </Button>
           ) : null}
-          {current === 2 ? (
+          {current === 3 ? (
             <Button disabled={!valueChange} type="primary" htmlType="submit">
               Update
             </Button>