feat(TextFilter): Hinzufügen zur Behandlung von VARCHAR

src/client/dd-hub-react/src/sections/document/num-filter.tsx

@@ -19,17 +19,9 @@ export function IntFilter({ label }: BoolFilterProps) {
         }
     };
 
-    return (
+    return <TextField label={label} value={val} onChange={onInputChange} variant="filled" />;
-        <TextField label={label} value={val} onChange={onInputChange} />
-    );
 }
 
 export function DecimalFilter({ label }: BoolFilterProps) {
-    return (
+    return <TextField type="number" label={label} variant="filled" />;
-        <TextField
-            type="number"
-            label={label}
-            variant="standard"
-        />
-    );
 }

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" />;
+}

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 (