Skip to content

Conversation

@ryan953
Copy link
Member

@ryan953 ryan953 commented Apr 18, 2025

This is in preparation of the new suspect flags table. The new table will call useFlagDrawerData() and then show any flags that are over a specific threshold. But that table and all the ui stuff is a bunch of code, so i split this off separately.

Once the new table starts calling useFlagDrawerData then there'll be two spots that will share the same caches for useGroupFeatureFlags and useGroupSuspectFlagScores; but all the useMemo calls in here will double up the memory footprint; optimizing for sharing code over memory i guess.

@ryan953 ryan953 requested a review from a team as a code owner April 18, 2025 23:12
@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Apr 18, 2025
@ryan953 ryan953 requested a review from a team April 19, 2025 00:07
@ryan953 ryan953 merged commit 57d9784 into master Apr 21, 2025
46 checks passed
@ryan953 ryan953 deleted the ryan953/suspect-flags-table branch April 21, 2025 17:04
ryan953 added a commit that referenced this pull request Apr 22, 2025
… Distributions flyout (#89978)

**Sorting Options**

| Tags | Flags |
| --- | --- |
|
![tags-default](https://github.com/user-attachments/assets/f93cf101-811b-498f-aa11-7ed81145cd4d)
|
![SCR-20250421-ifuk](https://github.com/user-attachments/assets/8bac40d3-a460-45fd-9e1c-58ec5f9e7553)

**Flags UI**
This is a partial representation of the following cases:
- Feature `feature-flag-suspect-flags` on/off -> controls the yellow
table
 - Feature `suspect-scores-sandbox-ui` on/off -> controls the checkbox
- LocalStorage `flag-drawer-show-suspicion-scores` on/off -> controls if
we see all the debug info & number input

| Case | User Facing | Internal Debugging |
| --- | --- | --- |
| No flags enabled |
![ff-dist-default](https://github.com/user-attachments/assets/784d6a77-7516-4c43-a5bd-b86bb6cecad2)
|
| Sus Table Empty |
![ff-dist-sus-table-empty](https://github.com/user-attachments/assets/78dc6303-0aa7-4214-92fa-0f9149ff2378)
|
| Sus Table w/ Data |
![ff-dist-sus-table](https://github.com/user-attachments/assets/b6eb47e3-dace-4ca7-86ce-daf85058e41c)
|
![ff-dist-sus-table-debug-false](https://github.com/user-attachments/assets/a583cec0-519a-4d76-9376-dc17b3ae2a97)
| Sus Table w/ debugging | |
![ff-dist-sus-table-debug-true](https://github.com/user-attachments/assets/eb4e305b-cff2-4258-8923-48c91dc2a034)

Depends on #89962
billyvg pushed a commit that referenced this pull request Apr 22, 2025
… Distributions flyout (#89978)

**Sorting Options**

| Tags | Flags |
| --- | --- |
|
![tags-default](https://github.com/user-attachments/assets/f93cf101-811b-498f-aa11-7ed81145cd4d)
|
![SCR-20250421-ifuk](https://github.com/user-attachments/assets/8bac40d3-a460-45fd-9e1c-58ec5f9e7553)

**Flags UI**
This is a partial representation of the following cases:
- Feature `feature-flag-suspect-flags` on/off -> controls the yellow
table
 - Feature `suspect-scores-sandbox-ui` on/off -> controls the checkbox
- LocalStorage `flag-drawer-show-suspicion-scores` on/off -> controls if
we see all the debug info & number input

| Case | User Facing | Internal Debugging |
| --- | --- | --- |
| No flags enabled |
![ff-dist-default](https://github.com/user-attachments/assets/784d6a77-7516-4c43-a5bd-b86bb6cecad2)
|
| Sus Table Empty |
![ff-dist-sus-table-empty](https://github.com/user-attachments/assets/78dc6303-0aa7-4214-92fa-0f9149ff2378)
|
| Sus Table w/ Data |
![ff-dist-sus-table](https://github.com/user-attachments/assets/b6eb47e3-dace-4ca7-86ce-daf85058e41c)
|
![ff-dist-sus-table-debug-false](https://github.com/user-attachments/assets/a583cec0-519a-4d76-9376-dc17b3ae2a97)
| Sus Table w/ debugging | |
![ff-dist-sus-table-debug-true](https://github.com/user-attachments/assets/eb4e305b-cff2-4258-8923-48c91dc2a034)

Depends on #89962
andrewshie-sentry pushed a commit that referenced this pull request Apr 22, 2025
…89962)

This is in preparation of the new suspect flags table. The new table
will call `useFlagDrawerData()` and then show any flags that are over a
specific threshold. But that table and all the ui stuff is a bunch of
code, so i split this off separately.

Once the new table starts calling `useFlagDrawerData` then there'll be
two spots that will share the same caches for `useGroupFeatureFlags` and
`useGroupSuspectFlagScores`; but all the `useMemo` calls in here will
double up the memory footprint; optimizing for sharing code over memory
i guess.
andrewshie-sentry pushed a commit that referenced this pull request Apr 22, 2025
… Distributions flyout (#89978)

**Sorting Options**

| Tags | Flags |
| --- | --- |
|
![tags-default](https://github.com/user-attachments/assets/f93cf101-811b-498f-aa11-7ed81145cd4d)
|
![SCR-20250421-ifuk](https://github.com/user-attachments/assets/8bac40d3-a460-45fd-9e1c-58ec5f9e7553)

**Flags UI**
This is a partial representation of the following cases:
- Feature `feature-flag-suspect-flags` on/off -> controls the yellow
table
 - Feature `suspect-scores-sandbox-ui` on/off -> controls the checkbox
- LocalStorage `flag-drawer-show-suspicion-scores` on/off -> controls if
we see all the debug info & number input

| Case | User Facing | Internal Debugging |
| --- | --- | --- |
| No flags enabled |
![ff-dist-default](https://github.com/user-attachments/assets/784d6a77-7516-4c43-a5bd-b86bb6cecad2)
|
| Sus Table Empty |
![ff-dist-sus-table-empty](https://github.com/user-attachments/assets/78dc6303-0aa7-4214-92fa-0f9149ff2378)
|
| Sus Table w/ Data |
![ff-dist-sus-table](https://github.com/user-attachments/assets/b6eb47e3-dace-4ca7-86ce-daf85058e41c)
|
![ff-dist-sus-table-debug-false](https://github.com/user-attachments/assets/a583cec0-519a-4d76-9376-dc17b3ae2a97)
| Sus Table w/ debugging | |
![ff-dist-sus-table-debug-true](https://github.com/user-attachments/assets/eb4e305b-cff2-4258-8923-48c91dc2a034)

Depends on #89962
@github-actions github-actions bot locked and limited conversation to collaborators May 7, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants