From 988cdcfa53d6944801198bf167f2321aea3b1cbf Mon Sep 17 00:00:00 2001
From: tspuller <tspuller@umich.edu>
Date: Sat, 5 Dec 2020 14:16:31 -0500
Subject: [PATCH] removed sub menus
---
src/containers/Dashboard/DashboardRoutes.js | 64 +----
src/containers/Facebook/Analytics.js | 46 ----
src/containers/Facebook/Data.js | 32 ---
src/containers/Facebook/Data.styles.js | 0
.../Facebook/{Import.js => Facebook.js} | 10 +-
...Analytics.styles.js => Facebook.styles.js} | 0
src/containers/Facebook/config.js | 50 ----
src/containers/Instagram/Analytics.js | 36 ---
src/containers/Instagram/Data.js | 40 ----
src/containers/Instagram/Data.styles.js | 0
.../Instagram/{Import.js => Instagram.js} | 8 +-
.../Instagram.styles.js} | 0
src/containers/Instagram/config.js | 50 ----
src/containers/LinkedIn/Analytics.js | 108 ---------
src/containers/LinkedIn/Analytics.styles.js | 222 ------------------
src/containers/LinkedIn/Data.js | 0
src/containers/LinkedIn/Data.styles.js | 0
src/containers/LinkedIn/Import.styles.js | 222 ------------------
.../LinkedIn/{Import.js => LinkedIn.js} | 9 +-
.../LinkedIn.styles.js} | 0
src/containers/LinkedIn/config.js | 50 ----
src/containers/Sidebar/options.js | 64 +----
src/containers/Spotify/Analytics.js | 62 -----
src/containers/Spotify/Analytics.styles.js | 222 ------------------
src/containers/Spotify/Data.js | 39 ---
src/containers/Spotify/Data.styles.js | 0
src/containers/Spotify/Import.styles.js | 222 ------------------
.../Spotify/{Import.js => Spotify.js} | 9 +-
.../Spotify.styles.js} | 0
src/containers/Spotify/config.js | 50 ----
30 files changed, 12 insertions(+), 1603 deletions(-)
delete mode 100644 src/containers/Facebook/Analytics.js
delete mode 100644 src/containers/Facebook/Data.js
delete mode 100644 src/containers/Facebook/Data.styles.js
rename src/containers/Facebook/{Import.js => Facebook.js} (96%)
rename src/containers/Facebook/{Analytics.styles.js => Facebook.styles.js} (100%)
delete mode 100644 src/containers/Facebook/config.js
delete mode 100644 src/containers/Instagram/Analytics.js
delete mode 100644 src/containers/Instagram/Data.js
delete mode 100644 src/containers/Instagram/Data.styles.js
rename src/containers/Instagram/{Import.js => Instagram.js} (93%)
rename src/containers/{Facebook/Import.styles.js => Instagram/Instagram.styles.js} (100%)
delete mode 100644 src/containers/Instagram/config.js
delete mode 100644 src/containers/LinkedIn/Analytics.js
delete mode 100644 src/containers/LinkedIn/Analytics.styles.js
delete mode 100644 src/containers/LinkedIn/Data.js
delete mode 100644 src/containers/LinkedIn/Data.styles.js
delete mode 100644 src/containers/LinkedIn/Import.styles.js
rename src/containers/LinkedIn/{Import.js => LinkedIn.js} (89%)
rename src/containers/{Instagram/Analytics.styles.js => LinkedIn/LinkedIn.styles.js} (100%)
delete mode 100644 src/containers/LinkedIn/config.js
delete mode 100644 src/containers/Spotify/Analytics.js
delete mode 100644 src/containers/Spotify/Analytics.styles.js
delete mode 100644 src/containers/Spotify/Data.js
delete mode 100644 src/containers/Spotify/Data.styles.js
delete mode 100644 src/containers/Spotify/Import.styles.js
rename src/containers/Spotify/{Import.js => Spotify.js} (94%)
rename src/containers/{Instagram/Import.styles.js => Spotify/Spotify.styles.js} (100%)
delete mode 100644 src/containers/Spotify/config.js
diff --git a/src/containers/Dashboard/DashboardRoutes.js b/src/containers/Dashboard/DashboardRoutes.js
index 3d85759..23dbcca 100644
--- a/src/containers/Dashboard/DashboardRoutes.js
+++ b/src/containers/Dashboard/DashboardRoutes.js
@@ -8,84 +8,28 @@ const routes = [
component: lazy(() => import('@imd/containers/Widgets/Widgets')),
exact: true,
},
- {
- path: 'affix',
- component: lazy(() => import('@imd/containers/Navigation/Affix')),
- },
- {
- path: 'menu',
- component: lazy(() => import('@imd/containers/Navigation/NavigationMenu')),
- },
{
path: 'spotify',
component: lazy(() =>
- import('@imd/containers/Spotify/Import')
- ),
- },
- {
- path: 'spotify-data',
- component: lazy(() =>
- import('@imd/containers/Spotify/Data')
- ),
- },
- {
- path: 'spotify-analytics',
- component: lazy(() =>
- import('@imd/containers/Spotify/Analytics')
+ import('@imd/containers/Spotify/Spotify')
),
},
{
path: 'facebook',
component: lazy(() =>
- import('@imd/containers/Facebook/Import')
- ),
- },
- {
- path: 'facebook-data',
- component: lazy(() =>
- import('@imd/containers/Facebook/Data')
- ),
- },
- {
- path: 'facebook-analytics',
- component: lazy(() =>
- import('@imd/containers/Facebook/Analytics')
+ import('@imd/containers/Facebook/Facebook')
),
},
{
path: 'linkedin',
component: lazy(() =>
- import('@imd/containers/LinkedIn/Import')
- ),
- },
- {
- path: 'linkedin-data',
- component: lazy(() =>
- import('@imd/containers/LinkedIn/Data')
- ),
- },
- {
- path: 'linkedin-analytics',
- component: lazy(() =>
- import('@imd/containers/LinkedIn/Analytics')
+ import('@imd/containers/LinkedIn/LinkedIn')
),
},
{
path: 'instagram',
component: lazy(() =>
- import('@imd/containers/Instagram/Import')
- ),
- },
- {
- path: 'instagram-data',
- component: lazy(() =>
- import('@imd/containers/Instagram/Data')
- ),
- },
- {
- path: 'instagram-analytics',
- component: lazy(() =>
- import('@imd/containers/Instagram/Analytics')
+ import('@imd/containers/Instagram/Instagram')
),
},
{
diff --git a/src/containers/Facebook/Analytics.js b/src/containers/Facebook/Analytics.js
deleted file mode 100644
index 1debb38..0000000
--- a/src/containers/Facebook/Analytics.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React, { Component, lazy } from 'react';
-import { Row, Col } from 'antd';
-
-import PageHeader from '@imd/components/utility/pageHeader';
-import Box from '@imd/components/utility/box';
-import LayoutWrapper from '@imd/components/utility/layoutWrapper';
-import ContentHolder from '@imd/components/utility/contentHolder';
-
-import basicStyle from '@imd/assets/styles/constants';
-import IsoWidgetsWrapper from '@imd/containers/Widgets/WidgetsWrapper';
-import TotalFriendsByDayLine from './Components/TotalFriendsByDayLine/TotalFriendsByDayLine';
-const SentReceivedPie = lazy(() => import('./Components/SentReceivedPie/SentReceivedPie'));
-
-export default class extends Component {
-
- render() {
-
- const { rowStyle, colStyle, gutter } = basicStyle;
-
- return (
- <LayoutWrapper>
- <PageHeader>Analytics</PageHeader>
- <Row style={rowStyle} gutter={0} justify="start">
- <Col lg={24} md={12} sm={12} xs={24} style={colStyle}>
- <IsoWidgetsWrapper>
- <Box title="Total Friends By Day">
- <ContentHolder>
- <TotalFriendsByDayLine />
- </ContentHolder>
- </Box>
- </IsoWidgetsWrapper>
- </Col>
- </Row>
- <Row style={rowStyle} gutter={0} justify="start">
- <Col lg={8} md={12} sm={12} xs={24} style={colStyle}>
- <IsoWidgetsWrapper>
- <Box height={450} title="Friend Statuses">
- <SentReceivedPie />
- </Box>
- </IsoWidgetsWrapper>
- </Col>
- </Row>
- </LayoutWrapper>
- );
- };
-}
\ No newline at end of file
diff --git a/src/containers/Facebook/Data.js b/src/containers/Facebook/Data.js
deleted file mode 100644
index d7394eb..0000000
--- a/src/containers/Facebook/Data.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import moment from 'moment'
-import React, { Component } from 'react';
-import { Row, Col } from 'antd';
-
-import PageHeader from '@imd/components/utility/pageHeader';
-import Box from '@imd/components/utility/box';
-import LayoutWrapper from '@imd/components/utility/layoutWrapper';
-
-import basicStyle from '@imd/assets/styles/constants';
-import FriendData from './Data/friends/friends.json';
-
-export default class extends Component {
-
- render() {
- const { rowStyle, colStyle, gutter } = basicStyle;
-
- return (
- <LayoutWrapper>
- <PageHeader>Data</PageHeader>
-
- {FriendData.friends.map((friend, idx) => (
- <Col lg={6} md={12} sm={12} xs={24} style={colStyle}>
- <Box>
- <h1>{friend.name}</h1>
- <div>{moment.unix(friend.timestamp).format('YYYY-MM-DD')}</div>
- </Box>
- </Col>
- ))}
- </LayoutWrapper>
- );
- };
-}
diff --git a/src/containers/Facebook/Data.styles.js b/src/containers/Facebook/Data.styles.js
deleted file mode 100644
index e69de29..0000000
diff --git a/src/containers/Facebook/Import.js b/src/containers/Facebook/Facebook.js
similarity index 96%
rename from src/containers/Facebook/Import.js
rename to src/containers/Facebook/Facebook.js
index 336c875..d8aff33 100644
--- a/src/containers/Facebook/Import.js
+++ b/src/containers/Facebook/Facebook.js
@@ -7,11 +7,10 @@ import PageHeader from '@imd/components/utility/pageHeader';
import Box from '@imd/components/utility/box';
import LayoutWrapper from '@imd/components/utility/layoutWrapper';
import ContentHolder from '@imd/components/utility/contentHolder';
-import DropzoneWrapper from './Import.styles';
+import DropzoneWrapper from './Facebook.styles';
import basicStyle from '@imd/assets/styles/constants';
import FrappeChart from 'frappe-charts/dist/frappe-charts.min.esm';
-import * as configs from './config';
import 'frappe-charts/dist/frappe-charts.min.css';
import Tabs, { TabPane } from '@imd/components/uielements/tabs';
import IsoWidgetsWrapper from '@imd/containers/Widgets/WidgetsWrapper';
@@ -33,13 +32,6 @@ export default class extends Component {
// this.handleClick = this.handleClick.bind(this);
}
-
- componentDidMount() {
- new FrappeChart(configs.impressionsLineChart);
- console.log("jsondata: ", this.state.jsonData)
- // console.log("jsondata parsed: ", JSON.parse(this.state.jsonData))
- }
-
hasKey(key) {
if (this.state.jsonData === "") {
return false
diff --git a/src/containers/Facebook/Analytics.styles.js b/src/containers/Facebook/Facebook.styles.js
similarity index 100%
rename from src/containers/Facebook/Analytics.styles.js
rename to src/containers/Facebook/Facebook.styles.js
diff --git a/src/containers/Facebook/config.js b/src/containers/Facebook/config.js
deleted file mode 100644
index 5beefd0..0000000
--- a/src/containers/Facebook/config.js
+++ /dev/null
@@ -1,50 +0,0 @@
-const basicData = {
- labels: [
- '12am-3am',
- '3am-6am',
- '6am-9am',
- '9am-12pm',
- '12pm-3pm',
- '3pm-6pm',
- '6pm-9pm',
- '9pm-12am',
- ],
-
- datasets: [
- {
- title: 'Some Data',
- color: 'light-blue',
- values: [25, 40, 30, 35, 8, 52, 17, -4],
- },
- {
- title: 'Another Set',
- color: 'violet',
- values: [25, 50, -10, 15, 18, 32, 27, 14],
- },
- {
- title: 'Yet Another',
- color: 'blue',
- values: [15, 20, -3, -15, 58, 12, -17, 37],
- },
- ],
- };
-
- const basicConfig = {
- height: 250,
- format_tooltip_x: d => (d + '').toUpperCase(),
- format_tooltip_y: d => d + ' pts',
- };
- const impressionsLineChart = {
- header: 'App Impressions',
- title: '',
- parent: '#impressionsLineChart',
- parentId: 'impressionsLineChart',
- type: 'line',
- data: basicData,
- ...basicConfig,
- };
-
- export {
- impressionsLineChart
- };
-
\ No newline at end of file
diff --git a/src/containers/Instagram/Analytics.js b/src/containers/Instagram/Analytics.js
deleted file mode 100644
index 7138148..0000000
--- a/src/containers/Instagram/Analytics.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import React, { Component, lazy } from 'react';
-import { Row, Col } from 'antd';
-
-import PageHeader from '@imd/components/utility/pageHeader';
-import Box from '@imd/components/utility/box';
-import LayoutWrapper from '@imd/components/utility/layoutWrapper';
-import ContentHolder from '@imd/components/utility/contentHolder';
-
-import basicStyle from '@imd/assets/styles/constants';
-import IsoWidgetsWrapper from '@imd/containers/Widgets/WidgetsWrapper';
-import ConnectionsByDayLine from './Components/ConnectionsByDayLine/ConnectionsByDayLine';
-
-export default class extends Component {
-
- render() {
-
- const { rowStyle, colStyle, gutter } = basicStyle;
-
- return (
- <LayoutWrapper>
- <PageHeader>Analytics</PageHeader>
- <Row style={rowStyle} gutter={0} justify="start">
- <Col lg={24} md={12} sm={12} xs={24} style={colStyle}>
- <IsoWidgetsWrapper>
- <Box title="Connections By Day">
- <ContentHolder>
- <ConnectionsByDayLine />
- </ContentHolder>
- </Box>
- </IsoWidgetsWrapper>
- </Col>
- </Row>
- </LayoutWrapper>
- );
- };
-}
\ No newline at end of file
diff --git a/src/containers/Instagram/Data.js b/src/containers/Instagram/Data.js
deleted file mode 100644
index 4dd049e..0000000
--- a/src/containers/Instagram/Data.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import moment from 'moment'
-import React, { Component } from 'react';
-import { Row, Col } from 'antd';
-
-import PageHeader from '@imd/components/utility/pageHeader';
-import Box from '@imd/components/utility/box';
-import LayoutWrapper from '@imd/components/utility/layoutWrapper';
-
-import basicStyle from '@imd/assets/styles/constants';
-import UserData from './Data/connections.json';
-
-export default class extends Component {
-
- render() {
- const { rowStyle, colStyle, gutter } = basicStyle;
-
- return (
- <LayoutWrapper>
- <PageHeader>Followers</PageHeader>
- {Object.entries(UserData.followers).map(([name, date]) => (
- <Col lg={6} md={12} sm={12} xs={24} style={colStyle}>
- <Box>
- <h1>{name}</h1>
- <div>{moment(date).format('YYYY-MM-DD')}</div>
- </Box>
- </Col>
- ))}
- <PageHeader>Following</PageHeader>
- {Object.entries(UserData.following).map(([name, date]) => (
- <Col lg={6} md={12} sm={12} xs={24} style={colStyle}>
- <Box>
- <h1>{name}</h1>
- <div>{moment(date).format('YYYY-MM-DD')}</div>
- </Box>
- </Col>
- ))}
- </LayoutWrapper>
- );
- };
-}
\ No newline at end of file
diff --git a/src/containers/Instagram/Data.styles.js b/src/containers/Instagram/Data.styles.js
deleted file mode 100644
index e69de29..0000000
diff --git a/src/containers/Instagram/Import.js b/src/containers/Instagram/Instagram.js
similarity index 93%
rename from src/containers/Instagram/Import.js
rename to src/containers/Instagram/Instagram.js
index 733c250..8f4dced 100644
--- a/src/containers/Instagram/Import.js
+++ b/src/containers/Instagram/Instagram.js
@@ -8,17 +8,12 @@ import PageHeader from '@imd/components/utility/pageHeader';
import Box from '@imd/components/utility/box';
import LayoutWrapper from '@imd/components/utility/layoutWrapper';
import ContentHolder from '@imd/components/utility/contentHolder';
-import DropzoneWrapper from './Import.styles';
+import DropzoneWrapper from './Instagram.styles';
import basicStyle from '@imd/assets/styles/constants';
-import FrappeChart from 'frappe-charts/dist/frappe-charts.min.esm';
-import * as configs from './config';
import 'frappe-charts/dist/frappe-charts.min.css';
import Tabs, { TabPane } from '@imd/components/uielements/tabs';
import IsoWidgetsWrapper from '@imd/containers/Widgets/WidgetsWrapper';
-
-import CardWidget from '@imd/containers/Widgets/Card/CardWidget';
-import IntlMessages from '@imd/components/utility/intlMessages';
import UserData from './Data/connections.json';
import ConnectionsByDayLine from './Components/ConnectionsByDayLine/ConnectionsByDayLine';
@@ -27,7 +22,6 @@ function callback(key) {}
export default class extends Component {
componentDidMount() {
- new FrappeChart(configs.impressionsLineChart);
}
render() {
diff --git a/src/containers/Facebook/Import.styles.js b/src/containers/Instagram/Instagram.styles.js
similarity index 100%
rename from src/containers/Facebook/Import.styles.js
rename to src/containers/Instagram/Instagram.styles.js
diff --git a/src/containers/Instagram/config.js b/src/containers/Instagram/config.js
deleted file mode 100644
index 5beefd0..0000000
--- a/src/containers/Instagram/config.js
+++ /dev/null
@@ -1,50 +0,0 @@
-const basicData = {
- labels: [
- '12am-3am',
- '3am-6am',
- '6am-9am',
- '9am-12pm',
- '12pm-3pm',
- '3pm-6pm',
- '6pm-9pm',
- '9pm-12am',
- ],
-
- datasets: [
- {
- title: 'Some Data',
- color: 'light-blue',
- values: [25, 40, 30, 35, 8, 52, 17, -4],
- },
- {
- title: 'Another Set',
- color: 'violet',
- values: [25, 50, -10, 15, 18, 32, 27, 14],
- },
- {
- title: 'Yet Another',
- color: 'blue',
- values: [15, 20, -3, -15, 58, 12, -17, 37],
- },
- ],
- };
-
- const basicConfig = {
- height: 250,
- format_tooltip_x: d => (d + '').toUpperCase(),
- format_tooltip_y: d => d + ' pts',
- };
- const impressionsLineChart = {
- header: 'App Impressions',
- title: '',
- parent: '#impressionsLineChart',
- parentId: 'impressionsLineChart',
- type: 'line',
- data: basicData,
- ...basicConfig,
- };
-
- export {
- impressionsLineChart
- };
-
\ No newline at end of file
diff --git a/src/containers/LinkedIn/Analytics.js b/src/containers/LinkedIn/Analytics.js
deleted file mode 100644
index 7d092fb..0000000
--- a/src/containers/LinkedIn/Analytics.js
+++ /dev/null
@@ -1,108 +0,0 @@
-import React, { Component } from 'react';
-import { Row, Col } from 'antd';
-
-import Dropzone from '@imd/components/uielements/dropzone';
-import { notification } from '@imd/components';
-import PageHeader from '@imd/components/utility/pageHeader';
-import Box from '@imd/components/utility/box';
-import LayoutWrapper from '@imd/components/utility/layoutWrapper';
-import ContentHolder from '@imd/components/utility/contentHolder';
-
-import basicStyle from '@imd/assets/styles/constants';
-import FrappeChart from 'frappe-charts/dist/frappe-charts.min.esm';
-import * as configs from './config';
-import 'frappe-charts/dist/frappe-charts.min.css';
-import IsoWidgetsWrapper from '@imd/containers/Widgets/WidgetsWrapper';
-
-import CardWidget from '@imd/containers/Widgets/Card/CardWidget';
-import IntlMessages from '@imd/components/utility/intlMessages';
-
-export default class extends Component {
-
- componentDidMount() {
- new FrappeChart(configs.impressionsLineChart);
- }
-
- render() {
-
- const CARD_WIDGET = [
- {
- icon: 'ion-ios-people',
- iconcolor: '#42A5F5',
- number: '210',
- text: 'widget.tinder.matches.text',
- },
- {
- icon: 'ion-chatbox',
- iconcolor: '#F75D81',
- number: '540',
- text: 'widget.tinder.messages.text',
- },
- {
- icon: 'ion-trophy',
- iconcolor: '#FEAC01',
- number: 'widget.cardwidget3.number',
- text: 'widget.cardwidget3.text',
- },
- ];
-
- //##########
- //Dropzone
- //##########
- const componentConfig = {
- iconFiletypes: ['.json'],
- method: true,
- showFiletypeIcon: false,
- uploadMultiple: false,
- maxFilesize: 2, // MB
- maxFiles: 1,
- dictRemoveFile: 'Delete',
- dictCancelUploadConfirmation: 'Are you sure to cancel upload?',
- postUrl: '/upload',
- };
- const djsConfig = {
- acceptedFiles: '.json',
- params: {
- account: "tinder"
- }
- };
- const eventHandlers = {
- addedfile: file => notification('success', `${file.name} added`),
- success: file =>
- notification('success', `${file.name} successfully uploaded`),
- error: error => notification('error', 'Server is not set in the demo'),
- };
-
- const { rowStyle, colStyle, gutter } = basicStyle;
-
- return (
- <LayoutWrapper>
- <PageHeader>Import</PageHeader>
- <Row style={rowStyle} gutter={0} justify="start">
- <Col lg={6} md={12} sm={12} xs={24} style={colStyle}>
- {CARD_WIDGET.map((widget, idx) => (
- <IsoWidgetsWrapper key={idx} gutterBottom={20}>
- {/* Card Widget */}
- <CardWidget
- icon={widget.icon}
- iconcolor={widget.iconcolor}
- number={<IntlMessages id={widget.number} />}
- text={<IntlMessages id={widget.text} />}
- />
- </IsoWidgetsWrapper>
- ))}
- </Col>
- <Col lg={18} md={12} sm={12} xs={24} style={colStyle}>
- <IsoWidgetsWrapper>
- <Box style={{height: 448}} title={configs.impressionsLineChart.header}>
- <ContentHolder>
- <div id={configs.impressionsLineChart.parentId} />
- </ContentHolder>
- </Box>
- </IsoWidgetsWrapper>
- </Col>
- </Row>
- </LayoutWrapper>
- );
- };
-}
diff --git a/src/containers/LinkedIn/Analytics.styles.js b/src/containers/LinkedIn/Analytics.styles.js
deleted file mode 100644
index 72aac47..0000000
--- a/src/containers/LinkedIn/Analytics.styles.js
+++ /dev/null
@@ -1,222 +0,0 @@
-import styled from 'styled-components';
-import { palette } from 'styled-theme';
-import {
- borderRadius,
- boxShadow,
- transition,
-} from '@imd/lib/helpers/style_utils';
-
-const DropzoneWrapper = styled.div`
- .filepicker {
- width: 100%;
- min-height: 320px;
- padding: 35px 0px;
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: center;
- background-color: #ffffff;
- border: 1px dashed ${palette('border', 0)};
- position: relative;
- overflow: hidden;
- cursor: pointer;
- text-align: center;
- ${borderRadius('0')};
-
- .closeBtn {
- width: 30px;
- height: 30px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- padding: 0;
- margin-right: 0;
- background-color: transparent;
- outline: 0;
- border: 0;
- position: absolute;
- top: 0;
- right: 0;
- ${borderRadius('50%')};
- ${boxShadow('none')};
- ${transition()};
-
- &:before {
- content: '\f2d7';
- font-family: 'ionicons';
- font-size: 14px;
- color: ${palette('text', 3)};
- line-height: 1;
- ${transition()};
- }
-
- &:hover {
- &:before {
- color: ${palette('text', 0)};
- }
- }
- }
-
- .dz-message {
- width: 100%;
- position: relative;
- display: flex;
- flex-direction: column;
- margin: 0;
-
- span {
- font-size: 14px;
- color: ${palette('text', 3)};
- font-weight: 700;
- margin-top: 6px;
- }
-
- &:before {
- content: '\f255';
- font-family: 'ionicons';
- font-size: 53.4px;
- line-height: 32px;
- color: ${palette('primary', 0)};
- }
- }
-
- .dz-progress {
- width: 100%;
- height: 100px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- position: absolute;
- top: 0;
- left: 0;
- background: none;
- background-color: rgba(255, 255, 255, 0.8);
- ${borderRadius('0')};
- }
-
- .dz-preview {
- width: 100px;
- height: 127px;
- display: flex;
- flex-direction: column;
- flex-shrink: 0;
- overflow: hidden;
- float: left;
- position: relative;
- margin: 0;
- margin-left: 2px;
- margin-bottom: 2px;
-
- .dz-progress {
- display: none;
- }
-
- .dz-image {
- width: 100%;
- height: 100px;
- margin-bottom: 2px;
- display: block;
- flex-shrink: 0;
- overflow-y: hidden;
- position: relative;
- background: none;
- background-color: ${palette('secondary', 6)};
- ${borderRadius('0')};
-
- img {
- max-width: 100%;
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- }
- }
-
- .dz-details {
- width: 100%;
- height: 25px;
- padding: 0 8px;
- flex-shrink: 0;
- opacity: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- cursor: default;
- background-color: ${palette('secondary', 1)};
-
- .dz-size {
- display: none;
- }
- .dz-filename {
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
-
- span {
- font-size: 14px;
- color: ${palette('text', 4)};
- white-space: nowrap;
- background-color: transparent;
- }
-
- &:not(:hover) {
- span {
- border: 0;
- }
- }
-
- &:hover {
- span {
- border: 0;
- background-color: transparent;
- }
- }
- }
- }
-
- .dz-success-mark {
- display: none;
- }
-
- .dz-remove {
- font-size: 14px;
- font-weight: 400;
- background-color: ${palette('error', 0)};
- width: 100%;
- height: 25px;
- color: #fff;
- line-height: 25px;
- display: inline-block;
- text-align: center;
- position: absolute;
- bottom: -25px;
- left: 0px;
- cursor: pointer;
- border: 0;
- outline: 0;
- padding: 0;
- ${transition()};
- }
-
- &:hover {
- .dz-remove {
- bottom: 0;
- }
- }
- }
-
- &.dz-started {
- .dz-message {
- display: none;
- }
- }
- }
-`;
-
-export default DropzoneWrapper;
diff --git a/src/containers/LinkedIn/Data.js b/src/containers/LinkedIn/Data.js
deleted file mode 100644
index e69de29..0000000
diff --git a/src/containers/LinkedIn/Data.styles.js b/src/containers/LinkedIn/Data.styles.js
deleted file mode 100644
index e69de29..0000000
diff --git a/src/containers/LinkedIn/Import.styles.js b/src/containers/LinkedIn/Import.styles.js
deleted file mode 100644
index 72aac47..0000000
--- a/src/containers/LinkedIn/Import.styles.js
+++ /dev/null
@@ -1,222 +0,0 @@
-import styled from 'styled-components';
-import { palette } from 'styled-theme';
-import {
- borderRadius,
- boxShadow,
- transition,
-} from '@imd/lib/helpers/style_utils';
-
-const DropzoneWrapper = styled.div`
- .filepicker {
- width: 100%;
- min-height: 320px;
- padding: 35px 0px;
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: center;
- background-color: #ffffff;
- border: 1px dashed ${palette('border', 0)};
- position: relative;
- overflow: hidden;
- cursor: pointer;
- text-align: center;
- ${borderRadius('0')};
-
- .closeBtn {
- width: 30px;
- height: 30px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- padding: 0;
- margin-right: 0;
- background-color: transparent;
- outline: 0;
- border: 0;
- position: absolute;
- top: 0;
- right: 0;
- ${borderRadius('50%')};
- ${boxShadow('none')};
- ${transition()};
-
- &:before {
- content: '\f2d7';
- font-family: 'ionicons';
- font-size: 14px;
- color: ${palette('text', 3)};
- line-height: 1;
- ${transition()};
- }
-
- &:hover {
- &:before {
- color: ${palette('text', 0)};
- }
- }
- }
-
- .dz-message {
- width: 100%;
- position: relative;
- display: flex;
- flex-direction: column;
- margin: 0;
-
- span {
- font-size: 14px;
- color: ${palette('text', 3)};
- font-weight: 700;
- margin-top: 6px;
- }
-
- &:before {
- content: '\f255';
- font-family: 'ionicons';
- font-size: 53.4px;
- line-height: 32px;
- color: ${palette('primary', 0)};
- }
- }
-
- .dz-progress {
- width: 100%;
- height: 100px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- position: absolute;
- top: 0;
- left: 0;
- background: none;
- background-color: rgba(255, 255, 255, 0.8);
- ${borderRadius('0')};
- }
-
- .dz-preview {
- width: 100px;
- height: 127px;
- display: flex;
- flex-direction: column;
- flex-shrink: 0;
- overflow: hidden;
- float: left;
- position: relative;
- margin: 0;
- margin-left: 2px;
- margin-bottom: 2px;
-
- .dz-progress {
- display: none;
- }
-
- .dz-image {
- width: 100%;
- height: 100px;
- margin-bottom: 2px;
- display: block;
- flex-shrink: 0;
- overflow-y: hidden;
- position: relative;
- background: none;
- background-color: ${palette('secondary', 6)};
- ${borderRadius('0')};
-
- img {
- max-width: 100%;
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- }
- }
-
- .dz-details {
- width: 100%;
- height: 25px;
- padding: 0 8px;
- flex-shrink: 0;
- opacity: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- cursor: default;
- background-color: ${palette('secondary', 1)};
-
- .dz-size {
- display: none;
- }
- .dz-filename {
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
-
- span {
- font-size: 14px;
- color: ${palette('text', 4)};
- white-space: nowrap;
- background-color: transparent;
- }
-
- &:not(:hover) {
- span {
- border: 0;
- }
- }
-
- &:hover {
- span {
- border: 0;
- background-color: transparent;
- }
- }
- }
- }
-
- .dz-success-mark {
- display: none;
- }
-
- .dz-remove {
- font-size: 14px;
- font-weight: 400;
- background-color: ${palette('error', 0)};
- width: 100%;
- height: 25px;
- color: #fff;
- line-height: 25px;
- display: inline-block;
- text-align: center;
- position: absolute;
- bottom: -25px;
- left: 0px;
- cursor: pointer;
- border: 0;
- outline: 0;
- padding: 0;
- ${transition()};
- }
-
- &:hover {
- .dz-remove {
- bottom: 0;
- }
- }
- }
-
- &.dz-started {
- .dz-message {
- display: none;
- }
- }
- }
-`;
-
-export default DropzoneWrapper;
diff --git a/src/containers/LinkedIn/Import.js b/src/containers/LinkedIn/LinkedIn.js
similarity index 89%
rename from src/containers/LinkedIn/Import.js
rename to src/containers/LinkedIn/LinkedIn.js
index 23549ce..99a3dde 100644
--- a/src/containers/LinkedIn/Import.js
+++ b/src/containers/LinkedIn/LinkedIn.js
@@ -7,24 +7,17 @@ import PageHeader from '@imd/components/utility/pageHeader';
import Box from '@imd/components/utility/box';
import LayoutWrapper from '@imd/components/utility/layoutWrapper';
import ContentHolder from '@imd/components/utility/contentHolder';
-import DropzoneWrapper from './Import.styles';
+import DropzoneWrapper from './LinkedIn.styles';
import basicStyle from '@imd/assets/styles/constants';
-import FrappeChart from 'frappe-charts/dist/frappe-charts.min.esm';
-import * as configs from './config';
import 'frappe-charts/dist/frappe-charts.min.css';
import Tabs, { TabPane } from '@imd/components/uielements/tabs';
-import IsoWidgetsWrapper from '@imd/containers/Widgets/WidgetsWrapper';
-
-import CardWidget from '@imd/containers/Widgets/Card/CardWidget';
-import IntlMessages from '@imd/components/utility/intlMessages';
function callback(key) {}
export default class extends Component {
componentDidMount() {
- new FrappeChart(configs.impressionsLineChart);
}
render() {
diff --git a/src/containers/Instagram/Analytics.styles.js b/src/containers/LinkedIn/LinkedIn.styles.js
similarity index 100%
rename from src/containers/Instagram/Analytics.styles.js
rename to src/containers/LinkedIn/LinkedIn.styles.js
diff --git a/src/containers/LinkedIn/config.js b/src/containers/LinkedIn/config.js
deleted file mode 100644
index 5beefd0..0000000
--- a/src/containers/LinkedIn/config.js
+++ /dev/null
@@ -1,50 +0,0 @@
-const basicData = {
- labels: [
- '12am-3am',
- '3am-6am',
- '6am-9am',
- '9am-12pm',
- '12pm-3pm',
- '3pm-6pm',
- '6pm-9pm',
- '9pm-12am',
- ],
-
- datasets: [
- {
- title: 'Some Data',
- color: 'light-blue',
- values: [25, 40, 30, 35, 8, 52, 17, -4],
- },
- {
- title: 'Another Set',
- color: 'violet',
- values: [25, 50, -10, 15, 18, 32, 27, 14],
- },
- {
- title: 'Yet Another',
- color: 'blue',
- values: [15, 20, -3, -15, 58, 12, -17, 37],
- },
- ],
- };
-
- const basicConfig = {
- height: 250,
- format_tooltip_x: d => (d + '').toUpperCase(),
- format_tooltip_y: d => d + ' pts',
- };
- const impressionsLineChart = {
- header: 'App Impressions',
- title: '',
- parent: '#impressionsLineChart',
- parentId: 'impressionsLineChart',
- type: 'line',
- data: basicData,
- ...basicConfig,
- };
-
- export {
- impressionsLineChart
- };
-
\ No newline at end of file
diff --git a/src/containers/Sidebar/options.js b/src/containers/Sidebar/options.js
index b7ded1e..904cdab 100644
--- a/src/containers/Sidebar/options.js
+++ b/src/containers/Sidebar/options.js
@@ -1,79 +1,23 @@
const options = [
{
key: 'facebook',
- label: 'sidebar.facebook',
+ label: 'Facebook',
leftIcon: 'ion-social-facebook',
- children: [
- {
- key: 'facebook',
- label: 'sidebar.import'
- },
- {
- key: 'facebook-data',
- label: 'sidebar.data',
- },
- {
- key: 'facebook-analytics',
- label: 'sidebar.analytics',
- },
- ]
},
{
key: 'instagram',
- label: 'sidebar.instagram',
+ label: 'Instagram',
leftIcon: 'ion-social-instagram',
- children: [
- {
- key: 'instagram',
- label: 'sidebar.import'
- },
- {
- key: 'instagram-data',
- label: 'sidebar.data',
- },
- {
- key: 'instagram-analytics',
- label: 'sidebar.analytics',
- },
- ]
},
{
key: 'spotify',
- label: 'sidebar.spotify',
+ label: 'Spotify',
leftIcon: 'ion-music-note',
- children: [
- {
- key: 'spotify',
- label: 'sidebar.import'
- },
- {
- key: 'spotify-data',
- label: 'sidebar.data',
- },
- {
- key: 'spotify-analytics',
- label: 'sidebar.analytics',
- },
- ]
},
{
key: 'linkedin',
- label: 'sidebar.linkedin',
+ label: 'LinkedIn',
leftIcon: 'ion-social-linkedin',
- children: [
- {
- key: 'linkedin',
- label: 'sidebar.import'
- },
- {
- key: 'linkedin-data',
- label: 'sidebar.data',
- },
- {
- key: 'linkedin-analytics',
- label: 'sidebar.analytics',
- },
- ]
},
];
export default options;
diff --git a/src/containers/Spotify/Analytics.js b/src/containers/Spotify/Analytics.js
deleted file mode 100644
index 77bbc10..0000000
--- a/src/containers/Spotify/Analytics.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import React, { Component } from 'react';
-import { Row, Col } from 'antd';
-
-import PageHeader from '@imd/components/utility/pageHeader';
-import Box from '@imd/components/utility/box';
-import LayoutWrapper from '@imd/components/utility/layoutWrapper';
-import ContentHolder from '@imd/components/utility/contentHolder';
-
-import basicStyle from '@imd/assets/styles/constants';
-import IsoWidgetsWrapper from '@imd/containers/Widgets/WidgetsWrapper';
-import TotalSongsByDayLine from './Components/TotalSongsByDayLine/TotalSongsByDayLine';
-import CardWidget from '@imd/containers/Widgets/Card/CardWidget';
-import UserData from './Data/StreamingHistory0.json';
-
-export default class extends Component {
-
- render() {
-
- let totalSongs = UserData.length;
-
- const CARD_WIDGET = [
- {
- icon: 'ion-music-note',
- iconcolor: '#000000',
- number: totalSongs.toString(),
- text: 'Total Listens',
- },
- ];
-
- const { rowStyle, colStyle, gutter } = basicStyle;
-
- return (
- <LayoutWrapper>
- <PageHeader>Analytics</PageHeader>
- <Row style={rowStyle} gutter={0} justify="start">
- <Col lg={6} md={12} sm={12} xs={24} style={colStyle}>
- {CARD_WIDGET.map((widget, idx) => (
- <IsoWidgetsWrapper key={idx} gutterBottom={20}>
- {/* Card Widget */}
- <CardWidget
- icon={widget.icon}
- iconcolor={widget.iconcolor}
- number={widget.number}
- text={widget.text}
- />
- </IsoWidgetsWrapper>
- ))}
- </Col>
- <Col lg={18} md={12} sm={12} xs={24} style={colStyle}>
- <IsoWidgetsWrapper>
- <Box title="Total Songs By Day">
- <ContentHolder>
- <TotalSongsByDayLine />
- </ContentHolder>
- </Box>
- </IsoWidgetsWrapper>
- </Col>
- </Row>
- </LayoutWrapper>
- );
- };
-}
diff --git a/src/containers/Spotify/Analytics.styles.js b/src/containers/Spotify/Analytics.styles.js
deleted file mode 100644
index 72aac47..0000000
--- a/src/containers/Spotify/Analytics.styles.js
+++ /dev/null
@@ -1,222 +0,0 @@
-import styled from 'styled-components';
-import { palette } from 'styled-theme';
-import {
- borderRadius,
- boxShadow,
- transition,
-} from '@imd/lib/helpers/style_utils';
-
-const DropzoneWrapper = styled.div`
- .filepicker {
- width: 100%;
- min-height: 320px;
- padding: 35px 0px;
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: center;
- background-color: #ffffff;
- border: 1px dashed ${palette('border', 0)};
- position: relative;
- overflow: hidden;
- cursor: pointer;
- text-align: center;
- ${borderRadius('0')};
-
- .closeBtn {
- width: 30px;
- height: 30px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- padding: 0;
- margin-right: 0;
- background-color: transparent;
- outline: 0;
- border: 0;
- position: absolute;
- top: 0;
- right: 0;
- ${borderRadius('50%')};
- ${boxShadow('none')};
- ${transition()};
-
- &:before {
- content: '\f2d7';
- font-family: 'ionicons';
- font-size: 14px;
- color: ${palette('text', 3)};
- line-height: 1;
- ${transition()};
- }
-
- &:hover {
- &:before {
- color: ${palette('text', 0)};
- }
- }
- }
-
- .dz-message {
- width: 100%;
- position: relative;
- display: flex;
- flex-direction: column;
- margin: 0;
-
- span {
- font-size: 14px;
- color: ${palette('text', 3)};
- font-weight: 700;
- margin-top: 6px;
- }
-
- &:before {
- content: '\f255';
- font-family: 'ionicons';
- font-size: 53.4px;
- line-height: 32px;
- color: ${palette('primary', 0)};
- }
- }
-
- .dz-progress {
- width: 100%;
- height: 100px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- position: absolute;
- top: 0;
- left: 0;
- background: none;
- background-color: rgba(255, 255, 255, 0.8);
- ${borderRadius('0')};
- }
-
- .dz-preview {
- width: 100px;
- height: 127px;
- display: flex;
- flex-direction: column;
- flex-shrink: 0;
- overflow: hidden;
- float: left;
- position: relative;
- margin: 0;
- margin-left: 2px;
- margin-bottom: 2px;
-
- .dz-progress {
- display: none;
- }
-
- .dz-image {
- width: 100%;
- height: 100px;
- margin-bottom: 2px;
- display: block;
- flex-shrink: 0;
- overflow-y: hidden;
- position: relative;
- background: none;
- background-color: ${palette('secondary', 6)};
- ${borderRadius('0')};
-
- img {
- max-width: 100%;
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- }
- }
-
- .dz-details {
- width: 100%;
- height: 25px;
- padding: 0 8px;
- flex-shrink: 0;
- opacity: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- cursor: default;
- background-color: ${palette('secondary', 1)};
-
- .dz-size {
- display: none;
- }
- .dz-filename {
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
-
- span {
- font-size: 14px;
- color: ${palette('text', 4)};
- white-space: nowrap;
- background-color: transparent;
- }
-
- &:not(:hover) {
- span {
- border: 0;
- }
- }
-
- &:hover {
- span {
- border: 0;
- background-color: transparent;
- }
- }
- }
- }
-
- .dz-success-mark {
- display: none;
- }
-
- .dz-remove {
- font-size: 14px;
- font-weight: 400;
- background-color: ${palette('error', 0)};
- width: 100%;
- height: 25px;
- color: #fff;
- line-height: 25px;
- display: inline-block;
- text-align: center;
- position: absolute;
- bottom: -25px;
- left: 0px;
- cursor: pointer;
- border: 0;
- outline: 0;
- padding: 0;
- ${transition()};
- }
-
- &:hover {
- .dz-remove {
- bottom: 0;
- }
- }
- }
-
- &.dz-started {
- .dz-message {
- display: none;
- }
- }
- }
-`;
-
-export default DropzoneWrapper;
diff --git a/src/containers/Spotify/Data.js b/src/containers/Spotify/Data.js
deleted file mode 100644
index d0e07ea..0000000
--- a/src/containers/Spotify/Data.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React, { Component } from 'react';
-import { Row, Col } from 'antd';
-
-import PageHeader from '@imd/components/utility/pageHeader';
-import Box from '@imd/components/utility/box';
-import LayoutWrapper from '@imd/components/utility/layoutWrapper';
-import ContentHolder from '@imd/components/utility/contentHolder';
-
-import basicStyle from '@imd/assets/styles/constants';
-import IsoWidgetsWrapper from '@imd/containers/Widgets/WidgetsWrapper';
-import TotalSongsByDayLine from './Components/TotalSongsByDayLine/TotalSongsByDayLine';
-import CardWidget from '@imd/containers/Widgets/Card/CardWidget';
-import UserData from './Data/StreamingHistory0.json';
-
-export default class extends Component {
-
- render() {
-
- let songs = UserData;
-
- const { rowStyle, colStyle, gutter } = basicStyle;
-
- return (
- <LayoutWrapper>
- <PageHeader>Data</PageHeader>
-
- {UserData.map((song, idx) => (
- <Col lg={6} md={12} sm={12} xs={24} style={colStyle}>
- <Box>
- <h1>{song.trackName}</h1>
- <div>Artist: {song.artistName}</div>
- <div>{song.endTime}</div>
- </Box>
- </Col>
- ))}
- </LayoutWrapper>
- );
- };
-}
diff --git a/src/containers/Spotify/Data.styles.js b/src/containers/Spotify/Data.styles.js
deleted file mode 100644
index e69de29..0000000
diff --git a/src/containers/Spotify/Import.styles.js b/src/containers/Spotify/Import.styles.js
deleted file mode 100644
index 72aac47..0000000
--- a/src/containers/Spotify/Import.styles.js
+++ /dev/null
@@ -1,222 +0,0 @@
-import styled from 'styled-components';
-import { palette } from 'styled-theme';
-import {
- borderRadius,
- boxShadow,
- transition,
-} from '@imd/lib/helpers/style_utils';
-
-const DropzoneWrapper = styled.div`
- .filepicker {
- width: 100%;
- min-height: 320px;
- padding: 35px 0px;
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: center;
- background-color: #ffffff;
- border: 1px dashed ${palette('border', 0)};
- position: relative;
- overflow: hidden;
- cursor: pointer;
- text-align: center;
- ${borderRadius('0')};
-
- .closeBtn {
- width: 30px;
- height: 30px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- padding: 0;
- margin-right: 0;
- background-color: transparent;
- outline: 0;
- border: 0;
- position: absolute;
- top: 0;
- right: 0;
- ${borderRadius('50%')};
- ${boxShadow('none')};
- ${transition()};
-
- &:before {
- content: '\f2d7';
- font-family: 'ionicons';
- font-size: 14px;
- color: ${palette('text', 3)};
- line-height: 1;
- ${transition()};
- }
-
- &:hover {
- &:before {
- color: ${palette('text', 0)};
- }
- }
- }
-
- .dz-message {
- width: 100%;
- position: relative;
- display: flex;
- flex-direction: column;
- margin: 0;
-
- span {
- font-size: 14px;
- color: ${palette('text', 3)};
- font-weight: 700;
- margin-top: 6px;
- }
-
- &:before {
- content: '\f255';
- font-family: 'ionicons';
- font-size: 53.4px;
- line-height: 32px;
- color: ${palette('primary', 0)};
- }
- }
-
- .dz-progress {
- width: 100%;
- height: 100px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- position: absolute;
- top: 0;
- left: 0;
- background: none;
- background-color: rgba(255, 255, 255, 0.8);
- ${borderRadius('0')};
- }
-
- .dz-preview {
- width: 100px;
- height: 127px;
- display: flex;
- flex-direction: column;
- flex-shrink: 0;
- overflow: hidden;
- float: left;
- position: relative;
- margin: 0;
- margin-left: 2px;
- margin-bottom: 2px;
-
- .dz-progress {
- display: none;
- }
-
- .dz-image {
- width: 100%;
- height: 100px;
- margin-bottom: 2px;
- display: block;
- flex-shrink: 0;
- overflow-y: hidden;
- position: relative;
- background: none;
- background-color: ${palette('secondary', 6)};
- ${borderRadius('0')};
-
- img {
- max-width: 100%;
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- }
- }
-
- .dz-details {
- width: 100%;
- height: 25px;
- padding: 0 8px;
- flex-shrink: 0;
- opacity: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- cursor: default;
- background-color: ${palette('secondary', 1)};
-
- .dz-size {
- display: none;
- }
- .dz-filename {
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
-
- span {
- font-size: 14px;
- color: ${palette('text', 4)};
- white-space: nowrap;
- background-color: transparent;
- }
-
- &:not(:hover) {
- span {
- border: 0;
- }
- }
-
- &:hover {
- span {
- border: 0;
- background-color: transparent;
- }
- }
- }
- }
-
- .dz-success-mark {
- display: none;
- }
-
- .dz-remove {
- font-size: 14px;
- font-weight: 400;
- background-color: ${palette('error', 0)};
- width: 100%;
- height: 25px;
- color: #fff;
- line-height: 25px;
- display: inline-block;
- text-align: center;
- position: absolute;
- bottom: -25px;
- left: 0px;
- cursor: pointer;
- border: 0;
- outline: 0;
- padding: 0;
- ${transition()};
- }
-
- &:hover {
- .dz-remove {
- bottom: 0;
- }
- }
- }
-
- &.dz-started {
- .dz-message {
- display: none;
- }
- }
- }
-`;
-
-export default DropzoneWrapper;
diff --git a/src/containers/Spotify/Import.js b/src/containers/Spotify/Spotify.js
similarity index 94%
rename from src/containers/Spotify/Import.js
rename to src/containers/Spotify/Spotify.js
index 417b052..52e63dd 100644
--- a/src/containers/Spotify/Import.js
+++ b/src/containers/Spotify/Spotify.js
@@ -7,17 +7,14 @@ import PageHeader from '@imd/components/utility/pageHeader';
import Box from '@imd/components/utility/box';
import LayoutWrapper from '@imd/components/utility/layoutWrapper';
import ContentHolder from '@imd/components/utility/contentHolder';
-import DropzoneWrapper from './Import.styles';
+import DropzoneWrapper from './Spotify.styles';
import basicStyle from '@imd/assets/styles/constants';
-import FrappeChart from 'frappe-charts/dist/frappe-charts.min.esm';
-import * as configs from './config';
import 'frappe-charts/dist/frappe-charts.min.css';
import Tabs, { TabPane } from '@imd/components/uielements/tabs';
import IsoWidgetsWrapper from '@imd/containers/Widgets/WidgetsWrapper';
import CardWidget from '@imd/containers/Widgets/Card/CardWidget';
-import IntlMessages from '@imd/components/utility/intlMessages';
import TotalSongsByDayLine from './Components/TotalSongsByDayLine/TotalSongsByDayLine';
import UserData from './Data/StreamingHistory0.json';
@@ -25,10 +22,6 @@ function callback(key) {}
export default class extends Component {
- componentDidMount() {
- new FrappeChart(configs.impressionsLineChart);
- }
-
render() {
let totalSongs = UserData.length;
diff --git a/src/containers/Instagram/Import.styles.js b/src/containers/Spotify/Spotify.styles.js
similarity index 100%
rename from src/containers/Instagram/Import.styles.js
rename to src/containers/Spotify/Spotify.styles.js
diff --git a/src/containers/Spotify/config.js b/src/containers/Spotify/config.js
deleted file mode 100644
index 5beefd0..0000000
--- a/src/containers/Spotify/config.js
+++ /dev/null
@@ -1,50 +0,0 @@
-const basicData = {
- labels: [
- '12am-3am',
- '3am-6am',
- '6am-9am',
- '9am-12pm',
- '12pm-3pm',
- '3pm-6pm',
- '6pm-9pm',
- '9pm-12am',
- ],
-
- datasets: [
- {
- title: 'Some Data',
- color: 'light-blue',
- values: [25, 40, 30, 35, 8, 52, 17, -4],
- },
- {
- title: 'Another Set',
- color: 'violet',
- values: [25, 50, -10, 15, 18, 32, 27, 14],
- },
- {
- title: 'Yet Another',
- color: 'blue',
- values: [15, 20, -3, -15, 58, 12, -17, 37],
- },
- ],
- };
-
- const basicConfig = {
- height: 250,
- format_tooltip_x: d => (d + '').toUpperCase(),
- format_tooltip_y: d => d + ' pts',
- };
- const impressionsLineChart = {
- header: 'App Impressions',
- title: '',
- parent: '#impressionsLineChart',
- parentId: 'impressionsLineChart',
- type: 'line',
- data: basicData,
- ...basicConfig,
- };
-
- export {
- impressionsLineChart
- };
-
\ No newline at end of file
--
GitLab