diff --git a/.changeset/green-ducks-greet.md b/.changeset/green-ducks-greet.md new file mode 100644 index 000000000..e3cfbfbfe --- /dev/null +++ b/.changeset/green-ducks-greet.md @@ -0,0 +1,5 @@ +--- +"apollo-client-devtools": patch +--- + +Make creating an issue more prominent in the client not found modal by adding a tertiary "Create an issue" button and adding a sentence linking to an issue in the intro paragraph. diff --git a/src/application/App.tsx b/src/application/App.tsx index e94afa132..146752eb4 100644 --- a/src/application/App.tsx +++ b/src/application/App.tsx @@ -94,11 +94,8 @@ const GET_OPERATION_COUNTS: TypedDocumentNode< `; const ISSUE_BODY = ` - - -### Link to Reproduction - - +${SECTIONS.defaultDescription} +${SECTIONS.reproduction} ${SECTIONS.apolloClientVersion} ${SECTIONS.devtoolsVersion} `; diff --git a/src/application/components/ClientNotFoundModal.tsx b/src/application/components/ClientNotFoundModal.tsx index 499845088..ced860264 100644 --- a/src/application/components/ClientNotFoundModal.tsx +++ b/src/application/components/ClientNotFoundModal.tsx @@ -3,6 +3,7 @@ import { ButtonGroup } from "./ButtonGroup"; import { Disclosure } from "./Disclosure"; import { GitHubIssueLink, SECTIONS, LABELS } from "./GitHubIssueLink"; import { Modal } from "./Modal"; +import IconGitHubSolid from "@apollo/icons/small/IconGitHubSolid.svg"; interface ClientNotFoundModalProps { open: boolean; @@ -31,19 +32,35 @@ export function ClientNotFoundModal({ Could not find client - - -

+ An Apollo Client instance was not found, either because an Apollo Client instance was never created, or because it could not be - discovered. This is most commonly fixed by setting the{" "} - to true. -

-

- If this was reached in error, please try one of the following - suggestions or click the "Retry" button to try looking for - the client again. -

+ discovered. You can often solve this issue by setting the{" "} + in your ApolloClient{" "} + instance to true. + + + If you've already set the , please + try one of the following suggestions or click the Retry{" "} + button to look for the client again. + + + Please{" "} + + create an issue + {" "} + if you have followed the suggestions and continue to see this message. + This could be a bug with Apollo Client Devtools. + + +
@@ -152,11 +169,8 @@ export function ClientNotFoundModal({ labels={[LABELS.bug]} repository="apollo-client" body={` - - -### Link to Reproduction - - +${SECTIONS.defaultDescription} +${SECTIONS.reproduction} ${SECTIONS.apolloClientVersion} ${SECTIONS.devtoolsVersion} `} @@ -206,11 +220,11 @@ ${SECTIONS.devtoolsVersion} I've exhausted all other options - This is likely a bug with Apollo Client Devtools. Please create a{" "} + This could be a bug with Apollo Client Devtools. Please create a{" "} +