Modify to change the display message based on whether the search text is empty or not

[nishimy432]

Issue

• close In SearchScreen, design is added for there were no search results using filters with no input values #798

Overview (Required)

• Added a message to the strings file to be displayed when there are no results and no search input.
• Modified to change the display message based on whether the search text is empty or not.

Links

• https://www.figma.com/design/XUk8WMbKCeIdWD5cz9P9JC/DroidKaigi-2024-App-UI?node-id=58871-8744&t=WGCdhOBgDfcbOcP9-4

Screenshot (Optional if screenshot test is present or unrelated to UI)

Before	After

When there is input

[takahirom]

Sorry, I should have shared this earlier. 🙇
When we open this screen, we shouldn't show the image or display the message Nothing matched....
When searching and the text is changed to blank, it should display this screen.
So, I think we need a flag for this.

[nishimy432]

@takahirom
Thank you for confirming!
In the current implementation, when you search and change the text to a blank, the image and message are not displayed.
The condition for displaying the image or message is only when the filter is not empty and the filtered sessions are empty.

conference-app-2024/feature/sessions/src/commonMain/kotlin/io/github/droidkaigi/confsched/sessions/SearchScreenPresenter.kt

Lines 153 to 154 in be38af7

	filters.isNotEmpty() && filteredSessions.isEmpty() -> {
	SearchScreenUiState.Empty(

Are you referring to a different case?

input_and_filter_and_empty_and_batsu.mp4

[takahirom]

Thank you for providing the video. In the video, I would like to have a UFO image and text appear at the 8-second and 20-second points. I would also like to display a UFO image when the text is empty after searchs.

[nishimy432]

I see. So, are the conditions for displaying the image and message as follows?

• When a search word is entered and the search results are empty
• When the search word is empty and filters are set
• When a search has been performed once and the search word is cleared

Conversely, the image and message are not displayed under the following condition:

• When the search screen is opened for the first time

[takahirom]

Your understanding seems correct. I have checked with the designer regarding when this specification came from them.

[nishimy432]

Thank you very much!
Sorry, but could I confirm one more thing?
As shown in the video, if the search results become empty after removing the value from the category, should an image and message be displayed?

input_category_and_empty.mp4

[takahirom]

I don't think it is a major use case. I think you can decide based on which implementation is easier.

[nishimy432]

OK, then I will not handle searches with only categories.
The final behavior is as shown in the following video.

finaly_input_and_empty.mp4

[github-actions]

Detekt check failed. Please run ./gradlew detekt --auto-correct to fix the issues.

[takahirom]

👍

[takahirom]

Looks great! Thank you for collaborating with us.