Refactor filter rendering in DocSearchView component

Updated the rendering logic for filters to use a switch statement, allowing for flexible handling of different filter types. The layout remains unchanged, but the logic for rendering each filter type has been enhanced for future extensibility.

src/client/dd-hub-react/src/sections/document/view/doc-search-view.tsx

@@ -84,8 +84,19 @@ export function DocSearchView({ posts }: Props) {
       </Box>
 
       <>
-        {filters.map((filter, index) =>
+        {filters.map((filter, index) => {
-        (
+          let filterComp;
+          switch (filter.type) {
+            case 'VARCHAR':
+            case 'BOOLEAN':
+            case 'INTEGER':
+            case 'DECIMAL':
+            case 'DATE':
+            default:
+              filterComp = (<TextField id="filled-basic" label={filter.label ?? filter.type} variant="filled" />)
+              break;
+          }
+          return (
             <Box
               sx={{
                 mb: 5,
@@ -94,9 +105,10 @@ export function DocSearchView({ posts }: Props) {
                 justifyContent: 'space-between',
               }}
             >
-            <TextField id="filled-basic" label={filter.label ?? filter.type} variant="filled" />
+              {filterComp}
             </Box>
           )
+        }
         )}
       </>