Twill Brain

Weekly UI/UX

2 min read

Weekly UI/UX

Date: 2025-05-19 · Duration: 72.27999877929688 min Organizer: Nader Attendees: Mike, Nader, nathan.d.dutoit@gmail.com, Raymond

Summary

  • Raymond completed universal table component; minor comments from Artem being addressed. Onboarding pay engine UI nearly finished; backend integration for transaction table pending Facade API endpoints (estimated 3 days).

  • Tooltip design for ‘capture funds later’ finalized—underline tooltip selected for cleaner UI. Decision made to replace date range dropdown with a date filter in the main filter dropdown for enhanced flexibility.

  • Universal table supports filtering, sorting, and pagination. Date filter defaults to today; live data integration reliant on completion of Facade endpoints. Need high-fidelity designs for table component formatting based on column types.

Action Items

  • Raymond Ehizoba Address minor comments left by Artem on the universal table component, including styling and logic issues (02:00) Add Nathan as a reviewer for the onboarding pay engine ticket once ready for review (06:16) Remove the date range dropdown from the table and move the date filter into the main filter dropdown, using a date input component (23:30) Set the default value for the date filter to today in the table UI (24:11) Review and address comments left by Mike on the virtual terminal views (28:08) Switch the pointer to a hand pointer when hovering over filter parameter options in the table UI (50:06)

Michael Wright Provide tooltip text for the ‘capture funds later’ underline tooltip in the terminal UI (07:46)

Nathan duToit Update Figma to reflect the merchant onboarding UI as a full page instead of a modal (28:27) Finalize the high-fidelity design for the universal table component, including formatting based on column type (21:10) Review and provide feedback on the invoice widget test cases in TestQuality, ensuring alignment with Figma designs (52:24) Design and standardize headers for different widget types (table, chart, analytics, KPI), specifying which filters and actions appear for each type (01:07:11) Consider and implement a solution for filter overflow in the table UI, such as horizontal scrolling or a ‘+N more’ indicator (01:09:25)

Graph View