[INTEG-2264] graphql legacy deprecation (#9361)

* fix: change instance of GraphQL text to GraphiQL * fix: added deprication banner to graphql app * fix:added prettier styling to code to pass tests
contentful · Jan 3, 2025 · 1f1a44d · 1f1a44d
1 parent 1b8ce30
commit 1f1a44d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/apps/graphql-playground-v2/src/components/ConfigScreen.tsx b/apps/graphql-playground-v2/src/components/ConfigScreen.tsx
@@ -43,7 +43,7 @@ const TABS = [
     }) => (
       <>
         <Paragraph>
-          The GraphQL Playground app enabled developers and content creators to write GraphQL
+          The GraphiQL Playground app enabled developers and content creators to write GraphiQL
           queries right next to their content.
         </Paragraph>
         <Form>
@@ -68,7 +68,7 @@ const TABS = [
           </FormControl>
           <Note>
             The CPA (Content Preview API) token allows you to also access preview data when using
-            GraphQL playground.
+            GraphiQL playground.
           </Note>
         </Form>
       </>
@@ -80,8 +80,8 @@ const TABS = [
     render: () => (
       <>
         <Paragraph>
-          To enable GraphQL playground in the content entry sidebar head over to the content model
-          section and select the GraphQL Playground widget. It will be available only if you
+          To enable GraphiQL playground in the content entry sidebar head over to the content model
+          section and select the GraphiQL Playground widget. It will be available only if you
           configure and install the application correctly.
         </Paragraph>
         <img

diff --git a/apps/graphql-playground/src/components/GqlPlayground.tsx b/apps/graphql-playground/src/components/GqlPlayground.tsx
@@ -115,6 +115,16 @@ function GqlPlayground(props: GqlPlaygroundProps) {
         </Note>
       )}
       <Provider store={store}>
+        <Note noteType="warning">
+          The GraphQL Playground App is sunsetting on 2-31-2025. Please begin using the new{' '}
+          <a
+            target="_blank"
+            rel="noreferrer"
+            href="https://app.contentful.com/deeplink?link=apps&id=6o8NJOeW54fY2UYY8zQUZY">
+            GraphiQL
+          </a>{' '}
+          Playground app which has full parity with this app.
+        </Note>
         <Playground tabs={tabs} settings={settings} fixedEndpoint={true} {...tabConfig} />
       </Provider>
     </>