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(CommunitiesPortal): Implement text search using mocked model #7649

Merged
merged 2 commits into from
Oct 4, 2022

Conversation

micieslak
Copy link
Member

What does the PR do

Implements scrollable grid view of communities with search by text and some adjustments with design. Data come from dummy model because backend is not ready yet.

Fixes #6360
Fixes #7299

Affected areas

CommunitiesPortal

Screenshot of functionality (including design for comparison)

  • I've checked the design and this PR matches it
Kazam_screencast_00018.webm

@status-im-auto
Copy link
Member

status-im-auto commented Sep 28, 2022

Jenkins Builds

Click to see older builds (23)
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ 8057bf5 #1 2022-09-28 19:47:03 ~5 min linux-cpp 📦pkg
✔️ 8057bf5 #1 2022-09-28 19:50:55 ~8 min macos 📦dmg
⁉️ 8057bf5 #1 2022-09-28 19:52:17 ~10 min e2e 📄log
✔️ 8057bf5 #1 2022-09-28 19:53:24 ~11 min linux 📦tgz
✔️ 8057bf5 #1 2022-09-28 20:04:09 ~22 min windows 📦exe
✔️ 2d6ed12 #2 2022-09-28 21:37:16 ~4 min linux-cpp 📦pkg
✔️ 2d6ed12 #2 2022-09-28 21:40:46 ~8 min macos 📦dmg
✔️ 2d6ed12 #2 2022-09-28 21:44:23 ~11 min linux 📦tgz
⁉️ 2d6ed12 #2 2022-09-28 21:44:39 ~12 min e2e 📄log
✔️ 2d6ed12 #2 2022-09-28 21:55:07 ~22 min windows 📦exe
✔️ 5a5afa4 #3 2022-09-29 11:46:16 ~4 min linux-cpp 📦pkg
✔️ 5a5afa4 #3 2022-09-29 11:52:04 ~10 min macos 📦dmg
✔️ 5a5afa4 #3 2022-09-29 11:52:26 ~10 min linux 📦tgz
⁉️ 5a5afa4 #3 2022-09-29 11:52:42 ~10 min e2e 📄log
✔️ 5a5afa4 #3 2022-09-29 12:04:56 ~22 min windows 📦exe
✔️ 90be98c #4 2022-09-29 21:07:11 ~7 min linux-cpp 📦pkg
✔️ 90be98c #4 2022-09-29 21:10:26 ~10 min macos 📦dmg
⁉️ 90be98c #4 2022-09-29 21:14:07 ~14 min e2e 📄log
✔️ 1f5dd6d #5 2022-10-03 12:03:21 ~4 min linux-cpp 📦pkg
1f5dd6d #5 2022-10-03 12:10:22 ~11 min e2e 📄log
✔️ 1f5dd6d #5 2022-10-03 12:18:12 ~19 min linux 📦tgz
✔️ 1f5dd6d #5 2022-10-03 12:22:02 ~22 min windows 📦exe
✔️ 1f5dd6d #5 2022-10-03 12:46:09 ~47 min macos 📦dmg
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ 2f38911 #6 2022-10-03 16:00:40 ~5 min linux-cpp 📦pkg
✔️ 2f38911 #6 2022-10-03 16:04:37 ~8 min macos 📦dmg
✔️ 2f38911 #6 2022-10-03 16:08:08 ~12 min linux 📦tgz
2f38911 #6 2022-10-03 16:08:12 ~12 min e2e 📄log
✔️ 2f38911 #6 2022-10-03 16:19:26 ~23 min windows 📦exe
2f38911 #7 2022-10-03 20:26:09 ~3 min e2e 📄log
2f38911 #8 2022-10-03 20:29:20 ~3 min e2e 📄log
✔️ f5d628f #7 2022-10-03 20:35:33 ~4 min linux-cpp 📦pkg
✔️ f5d628f #7 2022-10-03 20:41:14 ~10 min macos 📦dmg
✔️ f5d628f #7 2022-10-03 20:42:10 ~11 min linux 📦tgz
⁉️ f5d628f #9 2022-10-03 20:42:54 ~11 min e2e 📄log
✔️ f5d628f #7 2022-10-03 20:53:59 ~23 min windows 📦exe

Copy link
Member

@caybro caybro left a comment

Choose a reason for hiding this comment

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

Looks good!

Copy link
Member

@caybro caybro left a comment

Choose a reason for hiding this comment

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

Looks good!

Copy link

@elina2015 elina2015 left a comment

Choose a reason for hiding this comment

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

@micieslak there are some fixes needed:
For the empty state:

  1. The font size should be bigger
  2. The space between the tags and the text should match the Design

image

Could you kindly check? **For the search field:** There is no button for deleting the search text

image

Copy link
Contributor

@noeliaSD noeliaSD left a comment

Choose a reason for hiding this comment

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

One small issue:

  • I think the searcher input should be focused by default when the user enters into this page.

Question:

  • What do you mean by "Data come from dummy model because backend is not ready yet." ? Did something changed for not having the backend working now? It was already done by @richard-ramos afaik.

@micieslak
Copy link
Member Author

@elina2015 Thanks for your input! I think it's already fixed :)

@micieslak
Copy link
Member Author

micieslak commented Oct 3, 2022

  • I think the searcher input should be focused by default when the user enters into this page.

Done

  • What do you mean by "Data come from dummy model because backend is not ready yet." ? Did something changed for not having the backend working now? It was already done by @richard-ramos afaik.

From what I remember from talking to John, it's not ready yet. At least current master has no real integration for that. @richard-ramos could yo comment that?

Copy link

@elina2015 elina2015 left a comment

Choose a reason for hiding this comment

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

Tested and approved

Additionally:
- communities grid made scrollable
- filtering done using SortFilterProxyModel
- various adjustments to the design
- clear input button added to the search input

Closes: #6360
@micieslak micieslak dismissed alexandraB99’s stale review October 3, 2022 20:48

Checked with the design and tested by Elina

@micieslak micieslak merged commit 4452574 into master Oct 4, 2022
@micieslak micieslak deleted the feat/issue-6360-7299 branch October 4, 2022 09:09
@richard-ramos
Copy link
Member

The backend 'works' as it should return a list of communities with some of those featured, however, the logic for determining if a community is featured / popular is hardcoded and fake.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
7 participants