diff --git a/src/client/dd-hub-react/src/api/filter-service.ts b/src/client/dd-hub-react/src/api/filter-service.ts
index 3dffcf1..ea1eea6 100644
--- a/src/client/dd-hub-react/src/api/filter-service.ts
+++ b/src/client/dd-hub-react/src/api/filter-service.ts
@@ -2,13 +2,25 @@ import { _filters } from 'src/_mock/_data';
 
 export type Type = 'BOOLEAN' | 'DATE' | 'TIME' | 'DATETIME' | 'VARCHAR' | 'INTEGER' | 'DECIMAL';
 
-export type Filter = {
-    id: number;
+export type FilterCreateDto = {
     label?: string;
     name: string;
     type: Type;
 };
 
+export type Filter = FilterCreateDto & {
+    id: number;
+};
+
 export function getFiltersAsync(): Promise<Filter[]> {
     return Promise.resolve(_filters);
+}
+
+export function createFiltersAsync(filter: FilterCreateDto): Promise<Filter> {
+    const newFilter: Filter = {
+        ...filter,
+        id: _filters.length + 1
+    };
+    _filters.push(newFilter);
+    return Promise.resolve(newFilter);
 }
\ No newline at end of file