refactor out from TextFilter

app/utils/matchModes.js

@@ -0,0 +1,19 @@
+import { FilterMatchMode } from "@primevue/core/api"
+
+export const matchModes = [
+  {
+    name: "starts with",
+    icon: "ph:arrow-line-left-bold",
+    matchMode: FilterMatchMode.STARTS_WITH
+  },
+  {
+    name: "contains",
+    icon: "ph:dots-three-outline-fill",
+    matchMode: FilterMatchMode.CONTAINS
+  },
+  {
+    name: "ends with",
+    icon: "ph:arrow-line-right-bold",
+    matchMode: FilterMatchMode.ENDS_WITH
+  }
+]

app/utils/nameFromMatchMode.js

@@ -0,0 +1,3 @@
+export default function nameFromMatchMode(matchMode) {
+  return _find(matchModes, { matchMode }).name
+}