Skip to content

Recreated PR2: Added search UI (replaced PR #1716)#1748

Merged
evanugarte merged 48 commits intodevfrom
devTA_search_ui
Jul 7, 2025
Merged

Recreated PR2: Added search UI (replaced PR #1716)#1748
evanugarte merged 48 commits intodevfrom
devTA_search_ui

Conversation

@Pikalot
Copy link
Copy Markdown
Collaborator

@Pikalot Pikalot commented Jul 3, 2025

To replace PR #1716 was closed by accident.
Please refer to old discussions and resolved issues here: #1716

Drafting UI:

  • Light mode:
    image

  • Dark mode:
    image

@Pikalot Pikalot requested review from evanugarte and weslayer July 3, 2025 21:45
Comment thread src/Components/ShortcutKeyModal/SearchModal.js Outdated
Comment thread src/Components/ShortcutKeyModal/SearchModal.js Outdated
Base automatically changed from devTA_shortcut_key to dev July 5, 2025 05:30
@Pikalot Pikalot requested a review from joshua-demo July 5, 2025 06:40
Pikalot and others added 24 commits July 5, 2025 00:02
2. Suggestions instantly display hardcoded pages recommendations.
3. Suggestions show user search results after a short delay for authorized users only and if there is any user matched
Co-authored-by: Evan Ugarte <36345325+evanugarte@users.noreply.github.com>
Co-authored-by: Evan Ugarte <36345325+evanugarte@users.noreply.github.com>
Pikalot and others added 19 commits July 5, 2025 00:10
Co-authored-by: Evan Ugarte <36345325+evanugarte@users.noreply.github.com>
Co-authored-by: Evan Ugarte <36345325+evanugarte@users.noreply.github.com>
…d CSS and renamed the class from modal to search-modal. Added a check for an empty suggestions list before handling search.
Co-authored-by: Evan Ugarte <36345325+evanugarte@users.noreply.github.com>
…tent, clear out search box when modal is closed
@Pikalot Pikalot force-pushed the devTA_search_ui branch from 02c4e27 to 962f01a Compare July 5, 2025 07:29
@Pikalot Pikalot force-pushed the devTA_search_ui branch from 962f01a to 55ce1a0 Compare July 5, 2025 07:43
Copy link
Copy Markdown
Collaborator

@joshua-demo joshua-demo left a comment

Choose a reason for hiding this comment

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

Lgtm

@evanugarte evanugarte merged commit da1986d into dev Jul 7, 2025
4 checks passed
@evanugarte evanugarte deleted the devTA_search_ui branch July 7, 2025 04:40
aeiouny pushed a commit to aeiouny/Clark that referenced this pull request Jul 7, 2025
…E-Development#1748)

* chore: move routes array to its own file

* Removed search UI

* Re-commit for PR 1

* Added search UI

* update: Only 5 search suggestions are shown at once. Scroll to see more.

* Debug: remove dessert pages

* Fixed bug: user should land homepage after loggin in

* Update: Prevent unnecessary API calls — user data is now fetched only when the search input actually changes.

* Resolved conflict when merging with latest dev

* Resolved incoming conflict when merging with dev

* Removed search UI codes and improved permission check logic by implementing Lookup table

* Fixed irrelevant permission check

* Fixed lookup table to prevent excessive fetching

* Improved routes caching in SearchModal using useMemo

* 1. Removed scrollable dropdown codes. Just shows top 5 results.
2. Suggestions instantly display hardcoded pages recommendations.
3. Suggestions show user search results after a short delay for authorized users only and if there is any user matched

* removed e.key === 'K', only implement api fetch for users list when officer is Officer and Manager

* Fix: hide search suggestions when input is empty

* Refactor: removed duplicate route filtering and improved keyboard selection logic

* Update src/Components/ShortcutKeyModal/SearchModal.js

Co-authored-by: Evan Ugarte <36345325+evanugarte@users.noreply.github.com>

* Update src/Components/ShortcutKeyModal/SearchModal.js

Co-authored-by: Evan Ugarte <36345325+evanugarte@users.noreply.github.com>

* Committed changes as suggestions

* Undo the changes in Home.js

* Removed a space in line 1 of Home.js

* Spitted PR and moved searching debounce logic to the new PR

* Updated PERMISSION_LOOKUP_TABLE in Private Route -> no more functions mapping, cleaner code

* Removed the commented out section - old SpeakerPage component

* Removed unnecessary pageName prop

* Resolved conflicts due to auto correction

* Fixed typo: signedInRoutes

* Added more arrays to RouteConfig.js

* Changed RouteConfig.js to Routes.js and fixed linting errors

* Merged with Aidan's routes.js code

* Update src/index.js

Co-authored-by: Evan Ugarte <36345325+evanugarte@users.noreply.github.com>

* Update src/Components/ShortcutKeyModal/SearchModal.js

Co-authored-by: Evan Ugarte <36345325+evanugarte@users.noreply.github.com>

* Used scoped CSS

* Moved suggestions rendering to a separate function. Switched to scoped CSS and renamed the class from modal to search-modal. Added a check for an empty suggestions list before handling search.

* Rerversed merging with PR2. Waiting for approval

* Recreated PR2

* Changed className: search-modal -> shortcut-search-modal

* Update src/Components/ShortcutKeyModal/SearchModal.js

Co-authored-by: Evan Ugarte <36345325+evanugarte@users.noreply.github.com>

* Changed key to r.path and slice top 5 suggestions before rendering

* Changes: close search modal when users click outside of the modal content, clear out search box when modal is closed

* Added dark mode, refined UI, and showed default signedOutRoutes suggestions when keyword is empty

* Changed background color of suggestion list to be more neutral in Light mode

* Rebased with main

* Renamed getSuggestions to SuggestionsList and converted all functions to arrow functions

* Removed 'Get Started row' and filtered out Edit User Info page

* Fix: correct dependencies in useMemo for routes

---------

Co-authored-by: Evan Ugarte <36345325+evanugarte@users.noreply.github.com>
Co-authored-by: Aidan Spies <spiesaidan@gmail.com>
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.

4 participants