Add text-based filter in members page for Member names

Author: peoray

frontend/src/modules/member/config/filters/main.ts

@@ -12,8 +12,10 @@ import joinedDate from './joinedDate/config';
 import lastActivityDate from './lastActivityDate/config';
 import reach from './reach/config';
 import tags from './tags/config';
+import memberName from './memberName/config';
 
 export const memberFilters: Record<string, FilterConfig> = {
+  memberName,
   noOfActivities,
   noOfOSSContributions,
   activeOn,

frontend/src/modules/member/config/filters/memberName/config.ts

@@ -0,0 +1,31 @@
+import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig';
+import {
+  StringFilterConfig,
+  StringFilterOptions,
+  StringFilterValue,
+} from '@/shared/modules/filters/types/filterTypes/StringFilterConfig';
+import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType';
+import { apiFilterRendererByType } from '@/shared/modules/filters/config/apiFilterRendererByType';
+
+const memberName: StringFilterConfig = {
+  id: 'memberName',
+  label: 'Member name',
+  iconClass: 'ri-account-circle-line',
+  type: FilterConfigType.STRING,
+  options: {},
+  itemLabelRenderer(
+    value: StringFilterValue,
+    options: StringFilterOptions,
+  ): string {
+    return itemLabelRendererByType[FilterConfigType.STRING](
+      'Member name',
+      value,
+      options,
+    );
+  },
+  apiFilterRenderer(value: StringFilterValue): any[] {
+    return apiFilterRendererByType[FilterConfigType.STRING]('memberName', value);
+  },
+};
+
+export default memberName;