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

add dnd support to search panel, highlight searched rule, UI adjustments #640

Merged
merged 15 commits into from
Apr 11, 2024

Conversation

yuntongf
Copy link
Contributor

@yuntongf yuntongf commented Apr 9, 2024

  • Can now drag a course from search result to plan panel, req panel, dock
  • When user clicks search for a specific rule, the rule will be highlighted on the req panel as the search panel displays search results
  • Reduce gap between req and search panels

@yuntongf yuntongf requested a review from AaDalal April 9, 2024 10:17
Copy link
Contributor

@AaDalal AaDalal left a comment

Choose a reason for hiding this comment

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

couple of questions

frontend/degree-plan/components/FourYearPlanPage.tsx Outdated Show resolved Hide resolved
${props => !!props.$isSearched && `
border-radius: 10px;
box-shadow: 8px 6px 10px 8px #00000026;
`}
Copy link
Contributor

Choose a reason for hiding this comment

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

I think this shadow looks a little weird bc it's so strong. Maybe we could change the color or apply some other effect to the surface of the search condition when clicked? let me know what you think

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I changed this to lighter and less aggressive shadow, similar to the one shown for droppable boxes

@yuntongf yuntongf requested a review from AaDalal April 9, 2024 21:56
const handleCloseSearch = () => {
setQueryString("");
setSearchPanelOpen(false);
setSearchedRuleId(-1);
Copy link
Contributor

Choose a reason for hiding this comment

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

I think the value should be null instead of -1

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yea makes sense

Copy link
Contributor

@AaDalal AaDalal left a comment

Choose a reason for hiding this comment

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

LGTM except 1 comment. Just gonna approve but if you could fix that and check ui after #650 is merged that would be amazing

@yuntongf yuntongf merged commit 2420e54 into master Apr 11, 2024
13 checks passed
@yuntongf yuntongf deleted the aug/search-panel-dnd branch April 11, 2024 08:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

2 participants