Bug #3058
Add Search Functionality for Template Name & Event Type in Email Template Management
Description
Add a search filter input that allows users to search templates by:
Template Name
Event Type
Added by Shreya Agarwal about 2 months ago. Updated about 2 months ago.
Description
Add a search filter input that allows users to search templates by:
Template Name
Event Type
On email-template, whats-app-template and sms , I designed and integrated dynamic search filter boxes across the Email Template Settings , SMS Template Settings , and WhatsApp Template Settings pages. The search filter UI consists of two primary control fields—a searchable Template Name input field and a dynamic Event Type dropdown menu—alongside interactive Apply and Reset action buttons to give users seamless control over filtering template records.
To ensure strict adherence to project architecture and eliminate static data, all filter options are rendered 100% dynamically. The Template Name search box dynamically populates options from the loaded dataset and supports real-time text matching. The Event Type dropdown fetches event category values directly from backend API endpoints when activated. The Apply button executes active filter criteria and refreshes backend template data via API calls (loadTemplates()), while the Reset button restores all selections to their default states and reloads the full template list.
Tested filtering in Email Template Settings , SMS Template Settings , and WhatsApp Template Settings pages functionality on DEV environment – both case-insensitive and partial-text search working as expected.No issues observed; filter performs well with current template dataset and also test partner new theme .
also learning react In React, using useState with filter() and toLowerCase() makes client-side search efficient and easy to implement – always keep the original data intact for re-renders.
also I worked on the multilingual support for the application by adding and updating translation keys for the latest modules. I covered UI labels, instructions, validation messages, and location-related content while maintaining consistent terminology across languages.