mirror/formbricks-formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-03-03 21:10:09 -06:00
Code Issues Packages Projects Releases 100 Wiki Activity

search improved & bg white & category disabled on search

Browse Source
This commit is contained in:
Meet Patel
2023-07-31 23:03:37 +05:30
parent eed9b6635d
commit 86da5ff2f4
2 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/app/(app)/environments/[environmentId]/surveys/templates/TemplateContainer.tsx
View File

@@ -45,7 +45,7 @@ export default function TemplateContainerWithPreview({
value={templateSearch ?? ""}
onChange={(e) => setTemplateSearch(e.target.value)}
placeholder={"Search..."}
className="block rounded-md border border-slate-100 bg-slate-50 p-2 shadow-sm focus:border-slate-500 focus:outline-none focus:ring-0 sm:text-sm md:w-auto"
className="block rounded-md border border-slate-100 bg-white p-2 shadow-sm focus:border-slate-500 focus:outline-none focus:ring-0 sm:text-sm md:w-auto"
/>
</div>
</div>

18
apps/web/app/(app)/environments/[environmentId]/surveys/templates/TemplateList.tsx
View File

@@ -61,10 +61,15 @@ export default function TemplateList({
setCategories(fullCategories);
const activeFilter =
!!profile?.objective && profile.objective !== "other" ? RECOMMENDED_CATEGORY_NAME : ALL_CATEGORY_NAME;
setSelectedFilter(activeFilter);
}, [profile]);
if (templateSearch && templateSearch.length > 0) {
setSelectedFilter(ALL_CATEGORY_NAME);
} else {
const activeFilter =
!!profile?.objective && profile.objective !== "other" ? RECOMMENDED_CATEGORY_NAME : ALL_CATEGORY_NAME;
setSelectedFilter(activeFilter);
}
}, [profile, templateSearch]);
const addSurvey = async (activeTemplate) => {
setLoading(true);
@@ -90,8 +95,8 @@ export default function TemplateList({
const searchQuery = templateSearch?.toLowerCase() ?? "";
const searchWords = searchQuery.split(" ");
const matchesSearch = searchWords.some(word =>
templateName?.includes(word) || templateDescription?.includes(word)
const matchesSearch = searchWords.every(word =>
(templateName?.includes(word) || templateDescription?.includes(word))
);
return matchesCategory && matchesSearch;
@@ -105,6 +110,7 @@ export default function TemplateList({
key={category}
type="button"
onClick={() => setSelectedFilter(category)}
disabled={templateSearch && templateSearch.length > 0 ? true : false}
className={cn(
selectedFilter === category
? " bg-slate-800 font-semibold text-white"