Upload from GitHub Actions: add filters

frontend/src/components/LanguageTable.js

@@ -8,7 +8,7 @@ import ScoreColumns from './ScoreColumns'
 
 const LanguageTable = ({ data, selectedLanguages, setSelectedLanguages, totalModels = 0 }) => {
   const [filters, setFilters] = useState({
-    language_name: { value: null, matchMode: FilterMatchMode.EQUALS }, // via global search
+    language_name: { value: null, matchMode: FilterMatchMode.CONTAINS },
     family: { value: null, matchMode: FilterMatchMode.IN },
     speakers: { value: null, matchMode: FilterMatchMode.BETWEEN }
   })
@@ -150,6 +150,8 @@ const LanguageTable = ({ data, selectedLanguages, setSelectedLanguages, totalMod
         header='Language'
         body={languageBodyTemplate}
         style={{ minWidth: '10rem' }}
+        filter
+        showFilterMatchModes={false}
         frozen
       />
       <Column

frontend/src/components/ModelTable.js

@@ -8,6 +8,8 @@ import { Slider } from 'primereact/slider'
 import ScoreColumns from './ScoreColumns'
 const ModelTable = ({ data, selectedLanguages = [], allLanguages = [], machineTranslatedMetrics = [] }) => {
   const [filters, setFilters] = useState({
+    provider_name: { value: null, matchMode: FilterMatchMode.IN },
+    name: { value: null, matchMode: FilterMatchMode.CONTAINS },
     type: { value: null, matchMode: FilterMatchMode.IN },
     size: { value: null, matchMode: FilterMatchMode.BETWEEN },
     cost: { value: null, matchMode: FilterMatchMode.BETWEEN }
@@ -16,6 +18,25 @@ const ModelTable = ({ data, selectedLanguages = [], allLanguages = [], machineTr
     return <Medal rank={rowData.rank} />
   }
 
+  const providers = [...new Set(data.map(item => item.provider_name))].filter(Boolean).sort()
+  
+  const providerRowFilterTemplate = options => {
+    return (
+      <MultiSelect
+        value={options.value}
+        options={providers}
+        onChange={e => {
+          options.filterApplyCallback(e.value)
+          setFilters(prevFilters => ({
+            ...prevFilters,
+            provider_name: { value: e.value, matchMode: FilterMatchMode.IN }
+          }))
+        }}
+        placeholder='All providers'
+      />
+    )
+  }
+
   const typeRowFilterTemplate = options => {
     return (
       <MultiSelect
@@ -220,12 +241,17 @@ const ModelTable = ({ data, selectedLanguages = [], allLanguages = [], machineTr
         field='provider_name'
         header='Provider'
         style={{ minWidth: '7rem' }}
+        filter
+        filterElement={providerRowFilterTemplate}
+        showFilterMatchModes={false}
       />
       <Column
         field='name'
         header='Model'
         style={{ minWidth: '10rem' }}
         body={modelBodyTemplate}
+        filter
+        showFilterMatchModes={false}
         frozen
       />
       <Column