MWB-906: update technical mappings

meaningfy-ws · Dec 12, 2024 · 1afc9f0 · 1afc9f0
1 parent 9807fe8
commit 1afc9f0
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 22 deletions.
diff --git a/mapping_workbench/frontend/src/pages/app/triple-map-fragments/index.js b/mapping_workbench/frontend/src/pages/app/triple-map-fragments/index.js
@@ -5,13 +5,8 @@ import AddIcon from '@mui/icons-material/Add';
 import UploadIcon from '@mui/icons-material/Upload';
 
 import Card from '@mui/material/Card';
-import Link from '@mui/material/Link';
 import Stack from '@mui/material/Stack';
 import Button from '@mui/material/Button';
-import SvgIcon from '@mui/material/SvgIcon';
-import Divider from '@mui/material/Divider';
-import Typography from '@mui/material/Typography';
-import Breadcrumbs from '@mui/material/Breadcrumbs';
 
 import {paths} from 'src/paths';
 import {Seo} from 'src/components/seo';
@@ -22,11 +17,10 @@ import {RouterLink} from 'src/components/router-link';
 import useItemsSearch from 'src/hooks/use-items-search';
 import {useItemsStore} from 'src/hooks/use-items-store';
 import {TableSearchBar} from "src/sections/components/table-search-bar";
-import {BreadcrumbsSeparator} from 'src/components/breadcrumbs-separator';
+import {TechnicalMappingsTabs} from 'src/sections/app/technical-mappings';
 import {ListTable} from "src/sections/app/generic-triple-map-fragment/list-table";
 import {FileUploader} from "src/sections/app/generic-triple-map-fragment/file-uploader";
 import {genericTripleMapFragmentsApi as sectionApi} from 'src/api/triple-map-fragments/generic';
-import {TechnicalMappingsTabs} from '../../../sections/app/technical-mappings';
 
 const Page = () => {
     const uploadDialog = useDialog();
@@ -50,12 +44,16 @@ const Page = () => {
         <>
             <Seo title={`App: ${sectionApi.SECTION_TITLE} List`}/>
             <Stack spacing={4}>
+                <TechnicalMappingsTabs/>
                 <Stack
                     direction="row"
                     justifyContent="space-between"
                     spacing={4}
                 >
-                    <TechnicalMappingsTabs/>
+                    <Card>
+                        <TableSearchBar onChange={e => itemsSearch.handleSearchItems([e])}
+                                        value={itemsSearch.state.search[0]}/>
+                    </Card>
                     <Stack
                         alignItems="center"
                         direction="row"
@@ -80,9 +78,6 @@ const Page = () => {
                     </Stack>
                 </Stack>
                 <Card>
-                    <TableSearchBar onChange={e => itemsSearch.handleSearchItems([e])}
-                                    value={itemsSearch.state.search[0]}/>
-                    <Divider/>
                     <ListTable
                         onPageChange={itemsSearch.handlePageChange}
                         onRowsPerPageChange={itemsSearch.handleRowsPerPageChange}

diff --git a/mapping_workbench/frontend/src/pages/app/value-mapping-resources/index.js b/mapping_workbench/frontend/src/pages/app/value-mapping-resources/index.js
@@ -3,13 +3,8 @@ import {useEffect, useState} from 'react';
 import AddIcon from '@mui/icons-material/Add';
 
 import Card from '@mui/material/Card';
-import Link from '@mui/material/Link';
 import Stack from '@mui/material/Stack';
 import Button from '@mui/material/Button';
-import SvgIcon from '@mui/material/SvgIcon';
-import Divider from '@mui/material/Divider';
-import Typography from '@mui/material/Typography';
-import Breadcrumbs from '@mui/material/Breadcrumbs';
 
 import {paths} from 'src/paths';
 import {Seo} from 'src/components/seo';
@@ -18,11 +13,10 @@ import {usePageView} from 'src/hooks/use-page-view';
 import {RouterLink} from 'src/components/router-link';
 import useItemsSearch from 'src/hooks/use-items-search';
 import {TableSearchBar} from "src/sections/components/table-search-bar";
-import {BreadcrumbsSeparator} from 'src/components/breadcrumbs-separator';
+import {TechnicalMappingsTabs} from 'src/sections/app/technical-mappings';
 import {resourceFilesApi} from 'src/api/resource-collections/file-resources';
 import {resourceCollectionsApi as sectionApi} from 'src/api/resource-collections';
 import {FileCollectionListTable} from 'src/sections/app/file-manager/file-collection-list-table';
-import {TechnicalMappingsTabs} from '../../../sections/app/technical-mappings';
 
 const useItemsStore = () => {
     const [state, setState] = useState({
@@ -66,12 +60,16 @@ const Page = () => {
         <>
             <Seo title={`App: ${sectionApi.SECTION_TITLE} List`}/>
             <Stack spacing={4}>
+                <TechnicalMappingsTabs/>
                 <Stack
                     direction="row"
                     justifyContent="space-between"
                     spacing={4}
                 >
-                    <TechnicalMappingsTabs/>
+                    <Card>
+                        <TableSearchBar onChange={e => itemsSearch.handleSearchItems([e])}
+                                        value={itemsSearch.state.search[0]}/>
+                    </Card>
                     <Stack
                         alignItems="center"
                         direction="row"
@@ -89,9 +87,6 @@ const Page = () => {
                     </Stack>
                 </Stack>
                 <Card>
-                    <TableSearchBar onChange={e => itemsSearch.handleSearchItems([e])}
-                                    value={itemsSearch.state.search[0]}/>
-                    <Divider/>
                     <FileCollectionListTable onPageChange={itemsSearch.handlePageChange}
                                              onRowsPerPageChange={itemsSearch.handleRowsPerPageChange}
                                              page={itemsSearch.state.page}