-
Notifications
You must be signed in to change notification settings - Fork 1
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
Feature/needs page #79
Conversation
…rise next actions by need
…d expiry and highlight
…cess needs states
✅ Deploy Preview for thingswedo ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
className={clsx( | ||
"fixed right-4 bottom-24 text-white rounded", | ||
hasHighlightedNeeds | ||
? "bg-twd-primary-purple shadow-twd-primary-purple shadow-glow" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
pls remove the glow, apart from the toolkit navbar button, no buttons in the app should have the glow
className={clsx( | ||
"fixed right-4 bottom-24 text-white rounded", | ||
hasHighlightedNeeds | ||
? "bg-twd-primary-purple shadow-twd-primary-purple shadow-glow" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
? "bg-twd-primary-purple shadow-twd-primary-purple shadow-glow" | |
? "bg-twd-primary-purple shadow-twd-primary-purple" |
What type of PR is this? (check all applicable)
Description
Summary
This pull request introduces a fully function needs tab with all database connections! And a working next actions page with no interaction (but filtered next actions).
Updates
Generic Components Refactoring:
NeedsSection.tsx
andNeedsDisplay.tsx
into genericSection.tsx
andDisplay.tsx
components for reusability.Display.tsx
component to support extensions, enabling modular functionality for needs and next actions pages.Needs and Next Actions Enhancements:
Display.tsx
component./next-actions
route inNeedsDisplay.tsx
.Database Integration:
DatabaseManager.ts
with generic types and improved methods for handling nested objects and JSON access.order
andname
attributes and aligned seed data.State Management and Performance:
Display.tsx
to optimize performance and simplify interactions.Accessibility and Styling:
Section.tsx
.NeedsModal.tsx
with aria-labels on buttons for improved accessibility.Button.tsx
for better user feedback.Code Cleanup and Testing:
NeedsDisplay.tsx
NeedsModal.tsx
Section.tsx
Merges:
Key Features
These updates deliver a scalable, maintainable, and user-friendly application architecture while enhancing performance, usability, and accessibility.
Screenshots
UI accessibility checklist
If your PR includes UI changes, please utilize this checklist:
Critical
andSerious
issues?Added/updated tests?
Please aim to keep the code coverage percentage at 80% and above.
have not been included
Delete branch after merge?
What gif best describes this PR or how it makes you feel?