apollographql / apollographql/apollo-client-devtools

'Search Queries' input bar seems out of place

Open
#936 0 comments 0 reactions 0 assignees View on GitHub
🐞 bug 🔍 investigate
Dominant language
TypeScript
Stars
1.5k
Forks
172
Avg merge
10m
Merged PRs (30d)
8

Description

**Acceptance Criteria**

1. The search bar should filter the displayed queries. An improvement can be made here where searching temporarily filters the list of cached queries, so only the results are visible.

2.` Search queries` helper text should be switched to` Search cache` for clarity.

3. **New Functionality:** Allow a user to search on Queries & Mutations the helper text should change to: `Search mutations`, `Search cache`, `Search queries`, depending on which tab the user is on.

**Actual outcome:**

The search seems to only highlight results, and is on Cache tab rather than Queries tab
Screen Shot 2022-11-02 at 4 22 12 PM

**How to reproduce the issue:**

Look at the Cache tab of Devtools version 4.1.3

**Desktop (please complete the following information):**
- OS: [e.g. iOS] Windows 10
- Browser [e.g. chrome, safari] Chrome
- Browser version [e.g. 22] 106.0.5249.119
- Extension version [e.g. 3.0] 4.1.3

Contributor guide

Open the contributing guide

Research direction

Start in the Devtools Cache tab described in the issue and locate the search-bar and Queries, Mutations, and Cache tab entry points. Verify the current highlighting behavior, then confirm that filtering hides nonmatching cached queries and that the helper text changes to Search mutations, Search cache, or Search queries for the active tab.

Written by the indexing model from the issue text.

Assessment

Tech stack
graphql, typescript
Domain
devtools
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.