From 29e033b8de86417d8eeed8a0ba43319220383c92 Mon Sep 17 00:00:00 2001
From: TekH <h.tek@digitaldata.works>
Date: Mon, 7 Jul 2025 10:35:07 +0200
Subject: [PATCH] =?UTF-8?q?feat(TextFilter):=20Hinzuf=C3=BCgen=20zur=20Beh?=
 =?UTF-8?q?andlung=20von=20VARCHAR?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/sections/document/num-filter.tsx             | 12 ++----------
 .../src/sections/document/text-filter.tsx            | 10 ++++++++++
 .../src/sections/document/view/doc-search-view.tsx   |  5 ++++-
 3 files changed, 16 insertions(+), 11 deletions(-)
 create mode 100644 src/client/dd-hub-react/src/sections/document/text-filter.tsx

diff --git a/src/client/dd-hub-react/src/sections/document/num-filter.tsx b/src/client/dd-hub-react/src/sections/document/num-filter.tsx
index 117750e..f72bc00 100644
--- a/src/client/dd-hub-react/src/sections/document/num-filter.tsx
+++ b/src/client/dd-hub-react/src/sections/document/num-filter.tsx
@@ -19,17 +19,9 @@ export function IntFilter({ label }: BoolFilterProps) {
         }
     };
 
-    return (
-        <TextField label={label} value={val} onChange={onInputChange} />
-    );
+    return <TextField label={label} value={val} onChange={onInputChange} variant="filled" />;
 }
 
 export function DecimalFilter({ label }: BoolFilterProps) {
-    return (
-        <TextField
-            type="number"
-            label={label}
-            variant="standard"
-        />
-    );
+    return <TextField type="number" label={label} variant="filled" />;
 }
\ No newline at end of file
diff --git a/src/client/dd-hub-react/src/sections/document/text-filter.tsx b/src/client/dd-hub-react/src/sections/document/text-filter.tsx
new file mode 100644
index 0000000..f4019a7
--- /dev/null
+++ b/src/client/dd-hub-react/src/sections/document/text-filter.tsx
@@ -0,0 +1,10 @@
+import TextField from '@mui/material/TextField';
+// ----------------------------------------------------------------------
+
+type TextFilterProps = {
+    label: string;
+}
+
+export function TextFilter({ label }: TextFilterProps) {
+    return <TextField label={label} variant="filled" />;
+}
\ No newline at end of file
diff --git a/src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx b/src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx
index b7f9dd9..cd39cba 100644
--- a/src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx
+++ b/src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx
@@ -15,6 +15,7 @@ import { Iconify } from 'src/components/iconify';
 
 import { DocItem } from '../doc-item';
 import { BoolFilter } from '../bool-filter';
+import { TextFilter } from '../text-filter';
 import { DecimalFilter, IntFilter } from '../num-filter';
 
 import type { IDocItem } from '../doc-item';
@@ -113,9 +114,11 @@ export function DocSearchView({ posts }: Props) {
               filterComp = <DecimalFilter label={filter.label ?? filter.name} />
               break;
             case 'VARCHAR':
+              filterComp = <TextFilter label={filter.label ?? filter.name} />
+              break;
             case 'DATE':
             default:
-              filterComp = <TextField id={`filter-${filter.id.toString()}`} label={filter.label ?? filter.type} variant="filled" />
+              filterComp = <TextField label={filter.label ?? filter.type} variant="filled" />
               break;
           }
           return (