fix(@cubejs-client/playground): avoid styles override

cube-js · Jan 18, 2021 · 4bdae02 · 4bdae02
1 parent d5dad60
commit 4bdae02
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/packages/cubejs-playground/src/App.js b/packages/cubejs-playground/src/App.js
@@ -1,5 +1,5 @@
 /* eslint-disable no-undef,react/jsx-no-target-blank */
-import React, { Component, createContext } from 'react';
+import React, { Component } from 'react';
 import * as PropTypes from 'prop-types';
 import '@ant-design/compatible/assets/index.css';
 import './index.less';
@@ -10,6 +10,7 @@ import { withRouter } from 'react-router';
 import Header from './components/Header';
 import { event, setAnonymousId } from './events';
 import GlobalStyles from './components/GlobalStyles';
+import { AppContext } from './hooks/slow-query';
 
 const selectedTab = (pathname) => {
   if (pathname === '/template-gallery') {
@@ -19,10 +20,6 @@ const selectedTab = (pathname) => {
   }
 };
 
-export const AppContext = createContext({
-  slowQuery: false,
-});
-
 class App extends Component {
   static getDerivedStateFromError(error) {
     return { fatalError: error };

diff --git a/packages/cubejs-playground/src/hooks/slow-query.js b/packages/cubejs-playground/src/hooks/slow-query.js
@@ -1,5 +1,8 @@
-import { useContext } from 'react';
-import { AppContext } from '../App';
+import { useContext, createContext } from 'react';
+
+export const AppContext = createContext({
+  slowQuery: false,
+});
 
 export default function useSlowQuery() {
   const { slowQuery } = useContext(AppContext);