Skip to content
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

feat(datasets): multi-select on span / traces tables #3236

Merged
merged 2 commits into from
May 21, 2024

Conversation

mikeldking
Copy link
Contributor

@mikeldking mikeldking commented May 17, 2024

resolves #3202

Adds the ability to add spans as examples to a dataset from the tables
Screenshot 2024-05-20 at 5 24 54 PM

@mikeldking mikeldking changed the title multi-select on tables feat(datasets): multi-select on span / traces tables May 17, 2024
bottom selection toolbar

create a span selection toolbar

Add datasets query

get selection working

refactor: use input and output types for create datasets mutation (#3242)

WIP

final refactor, typecheck
@mikeldking mikeldking marked this pull request as ready for review May 20, 2024 23:34
@dosubot dosubot bot added the size:XXL This PR changes 1000+ lines, ignoring generated files. label May 20, 2024
@mikeldking mikeldking merged commit 56bdad8 into datasets May 21, 2024
6 checks passed
@mikeldking mikeldking deleted the 3202-spans-multi-select branch May 21, 2024 01:10
Comment on lines +77 to +84
onDatasetCreated={(newDataset) => {
notifySuccess({
title: "Dataset created",
message: `${payload.dataset.name} has been successfully created.`,
message: `${newDataset.name} has been successfully created.`,
action: {
text: "Go to Dataset",
onClick: () => {
navigate(`/datasets/${payload.dataset.id}`);
navigate(`/datasets/${newDataset.id}`);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice 👍

Comment on lines +102 to +109
const datasets = useMemo(() => {
let datasets = data.datasets.edges.map((edge) => edge.dataset);
if (search) {
datasets = datasets.filter((dataset) =>
dataset.name.toLowerCase().includes(search.toLowerCase())
);
}
return datasets;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Assuming this is the part we would like to make a LIKE query for. Do we have a ticket for that yet?

Comment on lines +86 to +101
const [data] = useRefetchableFragment(
graphql`
fragment DatasetSelectorPopoverContent_datasets on Query
@refetchable(queryName: "DatasetSelectorPopoverContentDatasetsQuery") {
datasets {
edges {
dataset: node {
id
name
}
}
}
}
`,
props.query
);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this a place where we should add debounce?

alignItems="center"
flex="1 1 auto"
>
<Text>No datasets found</Text>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could use some padding here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
size:XXL This PR changes 1000+ lines, ignoring generated files.
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

None yet

3 participants