4b34aa60b1
This PR fixes some minor bugs on advanced filters. ## Dropdown menu header in filter input The chevron down icon in the operand dropdown menu header was missing due to a recent refactor of the DropdownMenuHeader component. I just removed the unused EndIcon and replaced its usage by EndComponent. ## Advanced filter dropdown staying open with 0 filters The behavior we have for non-advanced filters is that the chip should disappear if the filter gets empty, which is logical, an empty filter is equivalent to not having filters, so don't want empty chips. For advanced filters, the principle is the same, except that it's a bit more complex to handle due to the recursive filter group hierarchy. Here we create a useRemoveRootRecordFilterGroupIfEmpty hook, that we can call everywhere a synchronous action should end up removing advanced filters completely. (instead of using an effect) This hook is distinct from removeRecordFilterGroup because we want removeRecordFilterGroup to do only one job and we don't want it to hide any side effect. It's better to have the side effect in a separate hook that we call sequentially afterwards, in a self-explanatory manner. ## Miscellaneous In this PR we add a new component selector to get the root level record filter group, which is handy in a lot of cases. The return type of the useChildRecordFiltersAndRecordFilterGroups hook when it's empty has been fixed, though as discussed with Charles, it would be better to turn it into selectors, which will certainly be done in future PRs.
The #1 Open-Source CRM
🌐 Website · 📚 Documentation · 
Roadmap · 
Discord · 
Figma
Installation
See:
🚀 Self-hosting
🖥️ Local Setup
Does the world need another CRM?
We built Twenty for three reasons:
CRMs are too expensive, and users are trapped. Companies use locked-in customer data to hike prices. It shouldn't be that way.
A fresh start is required to build a better experience. We can learn from past mistakes and craft a cohesive experience inspired by new UX patterns from tools like Notion, Airtable or Linear.
We believe in Open-source and community. Hundreds of developers are already building Twenty together. Once we have plugin capabilities, a whole ecosystem will grow around it.
What You Can Do With Twenty
We're currently developing Twenty's beta version.
Please feel free to flag any specific needs you have by creating an issue.
Below are a few features we have implemented to date:
- Add, filter, sort, edit, and track customers
- Create one or several opportunities for each company
- See rich notes tasks displayed in a timeline
- Create tasks on records
- Navigate quickly through the app using keyboard shortcuts and search
Add, filter, sort, edit, and track customers:
Create one or several opportunities for each company:
Track deals effortlessly with the email integration:
Tailor your data model to meet business needs:
See rich notes displayed in a timeline:
Create tasks on records
Navigate quickly through the app using keyboard shortcuts and search:
Connect your CRM to all your tools through our APIs and Webhooks.
Stack
- TypeScript
- Nx
- NestJS, with BullMQ, PostgreSQL, Redis
- React, with Recoil and Emotion
- Greptile for code reviews.
- Lingui and Crowdin for translations.
Join the Community
- Star the repo
- Subscribe to releases (watch -> custom -> releases)
- Follow us on Twitter or LinkedIn
- Join our Discord
- Improve translations on Crowdin
- Contributions are, of course, most welcome!