about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/components/admin/Dimension.js
diff options
context:
space:
mode:
Diffstat (limited to 'app/javascript/flavours/glitch/components/admin/Dimension.js')
-rw-r--r--app/javascript/flavours/glitch/components/admin/Dimension.js93
1 files changed, 0 insertions, 93 deletions
diff --git a/app/javascript/flavours/glitch/components/admin/Dimension.js b/app/javascript/flavours/glitch/components/admin/Dimension.js
deleted file mode 100644
index 3dac8c6c2..000000000
--- a/app/javascript/flavours/glitch/components/admin/Dimension.js
+++ /dev/null
@@ -1,93 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import api from 'flavours/glitch/api';
-import { FormattedNumber } from 'react-intl';
-import { roundTo10 } from 'flavours/glitch/utils/numbers';
-import Skeleton from 'flavours/glitch/components/skeleton';
-
-export default class Dimension extends React.PureComponent {
-
-  static propTypes = {
-    dimension: PropTypes.string.isRequired,
-    start_at: PropTypes.string.isRequired,
-    end_at: PropTypes.string.isRequired,
-    limit: PropTypes.number.isRequired,
-    label: PropTypes.string.isRequired,
-    params: PropTypes.object,
-  };
-
-  state = {
-    loading: true,
-    data: null,
-  };
-
-  componentDidMount () {
-    const { start_at, end_at, dimension, limit, params } = this.props;
-
-    api().post('/api/v1/admin/dimensions', { keys: [dimension], start_at, end_at, limit, [dimension]: params }).then(res => {
-      this.setState({
-        loading: false,
-        data: res.data,
-      });
-    }).catch(err => {
-      console.error(err);
-    });
-  }
-
-  render () {
-    const { label, limit } = this.props;
-    const { loading, data } = this.state;
-
-    let content;
-
-    if (loading) {
-      content = (
-        <table>
-          <tbody>
-            {Array.from(Array(limit)).map((_, i) => (
-              <tr className='dimension__item' key={i}>
-                <td className='dimension__item__key'>
-                  <Skeleton width={100} />
-                </td>
-
-                <td className='dimension__item__value'>
-                  <Skeleton width={60} />
-                </td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      );
-    } else {
-      const sum = data[0].data.reduce((sum, cur) => sum + (cur.value * 1), 0);
-
-      content = (
-        <table>
-          <tbody>
-            {data[0].data.map(item => (
-              <tr className='dimension__item' key={item.key}>
-                <td className='dimension__item__key'>
-                  <span className={`dimension__item__indicator dimension__item__indicator--${roundTo10(((item.value * 1) / sum) * 100)}`} />
-                  <span title={item.key}>{item.human_key}</span>
-                </td>
-
-                <td className='dimension__item__value'>
-                  {typeof item.human_value !== 'undefined' ? item.human_value : <FormattedNumber value={item.value} />}
-                </td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      );
-    }
-
-    return (
-      <div className='dimension'>
-        <h4>{label}</h4>
-
-        {content}
-      </div>
-    );
-  }
-
-}