-
-
Notifications
You must be signed in to change notification settings - Fork 4.4k
ref(feedback): Replace react-virtualized
with @tanstack/react-virtual
in Feedback
#95398
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
Conversation
75f9749
to
b6c6c3a
Compare
flex-grow: 1; | ||
min-height: 300px; | ||
padding-bottom: ${space(0.5)}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
const Centered = styled('div')` | ||
justify-self: center; | ||
`; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
position: relative; | ||
top: 50%; | ||
transform: translateY(-50%); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
`@tanstack/react-virtual` in Feedback
b6c6c3a
to
e35a094
Compare
return <p>Loading...</p>; | ||
} | ||
|
||
function ErrorMessage({error}: {error: Error}) { | ||
return <p>Error: {error.message}</p>; | ||
} | ||
|
||
function BackgroundUpdatingMessage() { | ||
return <footer>Background Updating...</footer>; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
do these need t()
?
@@ -0,0 +1,13 @@ | |||
export default function uniqueBy<Data extends Record<string, unknown>>( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
let's rename the file uniqueBy
to match this fn?
The list still looks the same, this was surprisingly easy actually.
2 helper files i pulled in from sentry-toolbar (InfiniteListItems, InfiniteListState) made it easier too, they wrap a bunch of state conditions and also wrap the load-more triggers which really cleanup this
<FeedbackList>
component now.Related to https://github.com/getsentry/frontend-tsc/issues/91