AppStd/DigitalData.Hub
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor filter rendering in DocSearchView component

Browse Source 
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.
This commit is contained in:
tekh
2025-07-04 10:39:18 +02:00
parent 05c7b49bbc
commit b06595e8d8
1 changed files with 44 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -40,25 +40,25 @@ export function DocSearchView({ posts }: Props) {
}, []);
//#region example components
// <Box
// sx={{
// mb: 5,
// display: 'flex',
// alignItems: 'center',
// justifyContent: 'space-between',
// }}
// >
// <DocSearch posts={posts} />
// <DocSort
// sortBy={sortBy}
// onSort={handleSort}
// options={[
// { value: 'latest', label: 'Latest' },
// { value: 'popular', label: 'Popular' },
// { value: 'oldest', label: 'Oldest' },
// ]}
// />
// </Box>
// <Box
// sx={{
// mb: 5,
// display: 'flex',
// alignItems: 'center',
// justifyContent: 'space-between',
// }}
// >
// <DocSearch posts={posts} />
// <DocSort
// sortBy={sortBy}
// onSort={handleSort}
// options={[
// { value: 'latest', label: 'Latest' },
// { value: 'popular', label: 'Popular' },
// { value: 'oldest', label: 'Oldest' },
// ]}
// />
// </Box>
//#endregion
return (
@@ -84,19 +84,31 @@ export function DocSearchView({ posts }: Props) {
</Box>
<>
{filters.map((filter, index) =>
(
<Box
sx={{
mb: 5,
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between',
}}
>
<TextField id="filled-basic" label={filter.label ?? filter.type} variant="filled" />
</Box>
)
{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,
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between',
}}
>
{filterComp}
</Box>
)
}
)}
</>