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

Implement feature that displays results according to search input text #574

Merged
merged 12 commits into from
Aug 17, 2023

Conversation

chigichan24
Copy link
Contributor

Issue

Overview (Required)

In this PR, I focused on the below implementations.

  • Update Empty view UI (show search query on empty view)
  • Show search text field hint.
  • Show search result timetable items which include it can move to the session detail screen and can do bookmark action.
  • Apply edge-to-edge for the search result page.

The difference of TimetableListItem

On Figma, there're no UI guides for search results. Therefore, basically, I follow to TimetableList implementation. But I updated 1. Add hour information for each session item 2. Add a day label.

difference of TimetableListItem

I can follow to designer's or maintainer's suggestion. Please feedback on my update.🙇‍♂️

Out of this PR scope

  • Additional filter conditions (for now, it works "days" filter only)
  • (Refactoring) Extract common components used in BookMarkList, TimetableList, and SearchList.
  • Detail spec for search UI (due to there being no UI guides for this screen)

Links

Screenshot

Before After

@chigichan24
Copy link
Contributor Author

chigichan24 commented Aug 16, 2023

Oops. It seems the PR change will conflict with #552 . I'll rebase it after #552 is merged into main branch.

@chigichan24 chigichan24 changed the title Implement feature that displays results according to search input text WIP: Implement feature that displays results according to search input text Aug 16, 2023
@github-actions
Copy link

github-actions bot commented Aug 16, 2023

Test Results

50 tests   50 ✔️  2m 56s ⏱️
  8 suites    0 💤
  8 files      0

Results for commit 24db273.

♻️ This comment has been updated with latest results.

@github-actions
Copy link

github-actions bot commented Aug 16, 2023

Snapshot diff report

File name Image
KaigiAppTest.checkNa
vigateToSearchShot_c
ompare.png

@@ -78,4 +118,10 @@ class SearchScreenViewModel @Inject constructor(
},
)
}

fun updateBookmark(timetableItem: TimetableItem) {
Copy link
Member

Choose a reason for hiding this comment

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

It's my preference but how about using onClickTimetableItemBookmark to promote the best practice that notifying events to ViewModel.

@takahirom
Copy link
Member

Looks good. You say this is a work in progress though.

@github-actions github-actions bot temporarily deployed to deploygate-distribution August 16, 2023 15:39 Inactive
@chigichan24 chigichan24 changed the title WIP: Implement feature that displays results according to search input text Implement feature that displays results according to search input text Aug 16, 2023
@chigichan24 chigichan24 marked this pull request as ready for review August 16, 2023 15:43
@github-actions github-actions bot temporarily deployed to deploygate-distribution August 16, 2023 16:32 Inactive
@@ -58,7 +61,7 @@ fun TimetableListItem(
.clickable { onClick(timetableItem) },
) {
Row(verticalAlignment = Alignment.CenterVertically) {
Row(modifier = Modifier.weight(1F)) {
FlowRow(modifier = Modifier.weight(1F)) {
Copy link
Member

Choose a reason for hiding this comment

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

👍

Comment on lines 48 to 49
bookmarkedTimetableItemIds: PersistentSet<TimetableItemId>,
timetableItems: PersistentList<TimetableItem>,
Copy link
Member

Choose a reason for hiding this comment

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

It is a very small point. As I mentioned here we would like to have UiState for each section. 🙏
https://github.com/DroidKaigi/conference-app-2023#section

Copy link
Member

@takahirom takahirom left a comment

Choose a reason for hiding this comment

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

Looks great! Please fix the conflict!

@github-actions
Copy link

Hi @chigichan24! Codes seem to be unformatted. To resolve this issue, please run ./gradlew spotlessKotlinApply and fix the results of ./gradlew lintDebug.. Thank you for your contribution.

@github-actions github-actions bot temporarily deployed to deploygate-distribution August 17, 2023 04:54 Inactive
Copy link
Member

@takahirom takahirom left a comment

Choose a reason for hiding this comment

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

Your code looks cool! 🆒
Thanks

@takahirom takahirom merged commit ee37fa1 into DroidKaigi:main Aug 17, 2023
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Search Feature Not Working: Empty Screen Displayed Regardless of Input
2 participants