popovspiridon99/universal_is
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ObjectTree: keyed elements, full width;

Browse Source
This commit is contained in:
popovspiridon99
2025-09-25 16:36:06 +09:00
parent fc045abe24
commit 26132fc1ee
1 changed files with 7 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
client/src/components/Tree/ObjectTree.tsx
View File

@ -51,9 +51,9 @@ const ObjectTree = ({
if (selectedDistrict) {
return (
<div>
<TypeTree map_id={map_id} label='Существующие' value={'existing'} count={existingCount} objectList={existingObjectsList} planning={0} />
<TypeTree map_id={map_id} label='Планируемые' value={'planning'} count={planningCount} objectList={planningObjectsList} planning={1} />
<div style={{ width: '100%' }}>
<TypeTree key={'existing'} map_id={map_id} label='Существующие' value={'existing'} count={existingCount} objectList={existingObjectsList} planning={0} />
<TypeTree key={'planning'} map_id={map_id} label='Планируемые' value={'planning'} count={planningCount} objectList={planningObjectsList} planning={1} />
</div>
)
} else {
@ -84,12 +84,12 @@ const TypeTree = ({
return (
<Tree size="small" aria-label="Small Size Tree">
<TreeItem itemType="branch">
<TreeItem key={`branch-${label}`} itemType="branch">
<TreeItemLayout>{`${label} ${count ? `(${count})` : ''}`}</TreeItemLayout>
<Tree>
{Array.isArray(objectList) && objectList.map(list => (
<ObjectList map_id={map_id} key={list.id} label={list.name} id={list.id} planning={planning} count={list.count} />
<ObjectList map_id={map_id} key={`${label}-${list.id}`} label={list.name} id={list.id} planning={planning} count={list.count} />
))}
</Tree>
</TreeItem>
@ -124,8 +124,8 @@ const ObjectList = ({
)
const navLinks = useMemo(() => (
Array.isArray(data) ? data.map((type) => (
<TreeItem itemType='leaf' onClick={() => setCurrentObjectId(map_id, type.object_id)}>
Array.isArray(data) ? data.map((type, index) => (
<TreeItem key={`${label}-${id}-${index}`} itemType='leaf' onClick={() => setCurrentObjectId(map_id, type.object_id)}>
<TreeItemLayout>{type.caption ? type.caption : 'Без названия'}</TreeItemLayout>
</TreeItem>
)) : null
@ -140,14 +140,6 @@ const ObjectList = ({
</Tree>
</TreeItem>
)
// return (
// <NavLink onClick={() => { setSelectedObjectType(map_id, id) }} rightSection={<IconChevronDown size={14} />} p={0} label={`${label} ${count ? `(${count})` : ''}`}>
// {Array.isArray(data) && data.map((type) => (
// <NavLink key={type.object_id} label={type.caption ? type.caption : 'Без названия'} p={0} onClick={() => setCurrentObjectId(map_id, type.object_id)} />
// ))}
// </NavLink>
// )
}
export default ObjectTree