refactor: rename local ThemeInterface to LocalThemeInterface

Author: morajabi

packages/graphql-playground/src/components/CodeGenerationPopup/CodeGenerationPopup.tsx

@@ -6,7 +6,7 @@ import CodeGenerationPopupClientChooser from './CodeGenerationPopupClientChooser
 import { modalStyle } from '../../constants'
 import * as Modal from 'react-modal'
 import { Environment, GraphQLClient } from '../../types'
-import { withTheme, ThemeInterface } from '../Theme'
+import { withTheme, LocalThemeInterface } from '../Theme'
 
 export interface Props {
   query: string
@@ -21,7 +21,7 @@ export interface State {
 }
 
 class CodeGenerationPopup extends React.Component<
-  Props & ThemeInterface,
+  Props & LocalThemeInterface,
   State
 > {
   constructor(props) {

packages/graphql-playground/src/components/CodeGenerationPopup/CodeGenerationPopupCode.tsx

@@ -3,7 +3,7 @@ import * as cx from 'classnames'
 import { $p } from 'graphcool-styles'
 import { CodeGenerator } from './codeGeneration'
 import { GraphQLClient, Environment } from '../../types'
-import { withTheme, ThemeInterface } from '../Theme'
+import { withTheme, LocalThemeInterface } from '../Theme'
 // tslint:disable-next-line
 const Codemirror: any = require('react-codemirror')
 
@@ -15,7 +15,7 @@ export interface Props {
 }
 
 class CodeGenerationPopupCode extends React.Component<
-  Props & ThemeInterface,
+  Props & LocalThemeInterface,
   {}
 > {
   componentWillMount() {

packages/graphql-playground/src/components/HistoryPopup.tsx

@@ -6,7 +6,7 @@ import HistoryItems from './HistoryPopup/HistoryItems'
 import { GraphQLEditor } from './Playground/GraphQLEditor'
 import { $v, Icon } from 'graphcool-styles'
 import { modalStyle } from '../constants'
-import { withTheme, ThemeInterface } from './Theme'
+import { withTheme, LocalThemeInterface } from './Theme'
 import * as cn from 'classnames'
 
 export interface Props {
@@ -26,7 +26,7 @@ export interface State {
   searchTerm: string
 }
 
-class HistoryPopup extends React.Component<Props & ThemeInterface, State> {
+class HistoryPopup extends React.Component<Props & LocalThemeInterface, State> {
   constructor(props) {
     super(props)
     this.state = {

packages/graphql-playground/src/components/Permissions/NewPermissionTab.tsx

@@ -6,9 +6,9 @@ import * as cn from 'classnames'
 import { PermissionSession, ServiceInformation } from '../../types'
 import TypeChooser from './TypeChooser'
 import { Button } from '../Button'
-import { ThemeInterface } from '../Theme'
+import { LocalThemeInterface } from '../Theme'
 
-export interface Props extends ThemeInterface {
+export interface Props extends LocalThemeInterface {
   serviceInformation: ServiceInformation
   onNewPermissionTab: (permissionTab: PermissionSession) => void
 }

packages/graphql-playground/src/components/Playground/ExecuteButton.tsx

@@ -8,7 +8,7 @@
 
 import * as React from 'react'
 import * as cx from 'classnames'
-import { withTheme, ThemeInterface } from '../Theme'
+import { withTheme, LocalThemeInterface } from '../Theme'
 import * as cn from 'classnames'
 import ExecuteButtonOperation from './ExecuteButtonOperation'
 
@@ -32,7 +32,10 @@ let firstTime = true
  * What a nice round shiny button. Shows a drop-down when there are multiple
  * queries to run.
  */
-class ExecuteButton extends React.Component<Props & ThemeInterface, State> {
+class ExecuteButton extends React.Component<
+  Props & LocalThemeInterface,
+  State
+> {
   constructor(props) {
     super(props)
 

packages/graphql-playground/src/components/Playground/TabBar.tsx

@@ -2,10 +2,10 @@ import * as React from 'react'
 import * as cx from 'classnames'
 import { Session } from '../../types'
 import { Icon } from 'graphcool-styles'
-import { withTheme, OptionalThemeInterface } from '../Theme'
+import { withTheme, OptionalLocalThemeInterface } from '../Theme'
 import Tab from './Tab'
 
-export interface Props extends OptionalThemeInterface {
+export interface Props extends OptionalLocalThemeInterface {
   sessions: Session[]
   selectedSessionIndex: number
   onNewSession: any
@@ -21,9 +21,7 @@ export interface Props extends OptionalThemeInterface {
 const white20 = '#4a555f'
 const darkBlue20 = '#c2c8cb'
 
-export const TabBar = withTheme<
-  Props
->(
+export const TabBar = withTheme<Props>(
   ({
     sessions,
     selectedSessionIndex,

packages/graphql-playground/src/components/Settings.tsx

@@ -2,11 +2,11 @@ import * as React from 'react'
 import Icon from 'graphcool-styles/dist/components/Icon/Icon'
 import ToggleButton from './ToggleButton'
 import Tooltip from './Tooltip'
-import { ThemeInterface } from './Theme'
+import { LocalThemeInterface } from './Theme'
 import styled, { css } from '../styled'
 import * as theme from 'styled-theming'
 
-export interface Props extends ThemeInterface {
+export interface Props extends LocalThemeInterface {
   onToggleTheme: () => void
   onToggleReload: () => void
   useVim: boolean

packages/graphql-playground/src/components/Share.tsx

@@ -3,13 +3,13 @@ import Icon from 'graphcool-styles/dist/components/Icon/Icon'
 import { $v } from 'graphcool-styles'
 import ToggleButton from './ToggleButton'
 import Tooltip from './Tooltip'
-import { ThemeInterface } from './Theme'
+import { LocalThemeInterface } from './Theme'
 import * as cn from 'classnames'
 import { Button } from './Button'
 import Copy from './Copy'
 import styled, { keyframes } from '../styled'
 
-export interface Props extends ThemeInterface {
+export interface Props extends LocalThemeInterface {
   allTabs: boolean
   httpHeaders: boolean
   history: boolean

packages/graphql-playground/src/components/Theme/index.ts

@@ -3,18 +3,18 @@ import ThemeProvider from './ThemeProvider'
 
 type ThemeType = 'dark' | 'light'
 
-interface ThemeInterface {
+interface LocalThemeInterface {
   localTheme: ThemeType
 }
 
-interface OptionalThemeInterface {
+interface OptionalLocalThemeInterface {
   localTheme?: ThemeType
 }
 
 export {
   withTheme,
   ThemeProvider,
   ThemeType,
-  ThemeInterface,
-  OptionalThemeInterface,
+  LocalThemeInterface,
+  OptionalLocalThemeInterface,
 }