Add ability to remove share button (graphql#642)

cgxxv · Apr 13, 2018 · 1777aaa · 1777aaa
1 parent ab0fdda
commit 1777aaa
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/packages/graphql-playground-react/src/components/Playground.tsx b/packages/graphql-playground-react/src/components/Playground.tsx
@@ -59,6 +59,7 @@ export interface Props {
   endpoint: string
   subscriptionEndpoint?: string
   projectId?: string
+  shareEnabled?: boolean
   adminAuthToken?: string
   onSuccess?: (graphQLParams: any, response: any) => void
   isEndpoint?: boolean
@@ -122,6 +123,10 @@ export interface CursorPosition {
 export { GraphQLEditor }
 
 export class Playground extends React.PureComponent<Props & ReduxProps, State> {
+  static defaultProps = {
+    shareEnabled: true,
+  }
+
   apolloLinks: { [sessionId: string]: any } = {}
   observers: { [sessionId: string]: any } = {}
   graphiqlComponents: any[] = []
@@ -271,7 +276,10 @@ export class Playground extends React.PureComponent<Props & ReduxProps, State> {
             ) : this.props.isFile && this.props.file ? (
               <FileEditor />
             ) : (
-              <GraphQLEditor schema={this.state.schema} />
+              <GraphQLEditor
+                shareEnabled={this.props.shareEnabled}
+                schema={this.state.schema}
+              />
             )}
           </GraphiqlWrapper>
         </GraphiqlsContainer>

diff --git a/packages/graphql-playground-react/src/components/Playground/GraphQLEditor.tsx b/packages/graphql-playground-react/src/components/Playground/GraphQLEditor.tsx
@@ -67,6 +67,7 @@ import { ResponseRecord } from '../../state/sessions/reducers'
 
 export interface Props {
   onRef?: any
+  shareEnabled?: boolean
   schema?: GraphQLSchema
 }
 
@@ -248,7 +249,7 @@ class GraphQLEditor extends React.PureComponent<
           }
         `}</style>
         <div className="editorWrap">
-          <TopBar />
+          <TopBar shareEnabled={this.props.shareEnabled} />
           <div
             ref={this.setEditorBarComponent}
             className="editorBar"

diff --git a/packages/graphql-playground-react/src/components/Playground/TopBar/TopBar.tsx b/packages/graphql-playground-react/src/components/Playground/TopBar/TopBar.tsx
@@ -28,6 +28,7 @@ import { openHistory } from '../../../state/general/actions'
 
 export interface Props {
   endpoint: string
+  shareEnabled?: boolean
   fixedEndpoint?: boolean
   isReloadingSchema: boolean
   endpointUnreachable: boolean
@@ -75,9 +76,11 @@ class TopBar extends React.Component<Props, {}> {
           )}
         </UrlBarWrapper>
         <Button onClick={this.copyCurlToClipboard}>Copy CURL</Button>
-        <Share>
-          <Button>Share Playground</Button>
-        </Share>
+        {this.props.shareEnabled && (
+          <Share>
+            <Button>Share Playground</Button>
+          </Share>
+        )}
       </TopBarWrapper>
     )
   }