diff --git a/apps/website/public/assets/filters/empty.png b/apps/website/public/assets/filters/empty.png new file mode 100644 index 00000000..1f7de5aa Binary files /dev/null and b/apps/website/public/assets/filters/empty.png differ diff --git a/apps/website/src/components/table-issues/filters/filter-with-checkboxes.tsx b/apps/website/src/components/table-issues/filters/filter-with-checkboxes.tsx index de74a2ef..5c4806f6 100644 --- a/apps/website/src/components/table-issues/filters/filter-with-checkboxes.tsx +++ b/apps/website/src/components/table-issues/filters/filter-with-checkboxes.tsx @@ -16,11 +16,10 @@ type Props = { color?: ColorTokens | `#${string}` }[] label: string - noResultsText?: string noPadding?: boolean } const FilterWithCheckboxes = (props: Props) => { - const { data, label, noResultsText, noPadding } = props + const { data, label, noPadding } = props const [filterText, setFilterText] = useState('') @@ -91,8 +90,24 @@ const FilterWithCheckboxes = (props: Props) => { ) })} {filteredData.length === 0 && ( -
- {noResultsText} +
+ No results +
+ + No options found + +
+
+ + We didn't find results that match your search + +
)} diff --git a/apps/website/src/components/table-issues/table-issues.tsx b/apps/website/src/components/table-issues/table-issues.tsx index 737b04ae..c616d713 100644 --- a/apps/website/src/components/table-issues/table-issues.tsx +++ b/apps/website/src/components/table-issues/table-issues.tsx @@ -145,22 +145,9 @@ export const TableIssues = () => { ref={inputRef} />
- - - + + +