farmcontrol/farmcontrol-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Display objects in tags.

Browse Source
This commit is contained in:
Tom Butcher 2025-09-07 19:46:45 +01:00
parent 99c65aa1d1
commit 1b86b0917c
1 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/Dashboard/common/ObjectDisplay.jsx
View File

@ -1,5 +1,5 @@
import PropTypes from 'prop-types'
import { Typography, Flex, Badge } from 'antd'
import { Typography, Flex, Badge, Tag } from 'antd'
import { useState, useEffect, useContext, useCallback } from 'react'
import { getModelByName } from '../../../database/ObjectModels'
import { ApiServerContext } from '../context/ApiServerContext'
@ -53,19 +53,25 @@ const ObjectDisplay = ({ object, objectType }) => {
const model = getModelByName(objectType)
const Icon = model.icon
return (
<Flex gap={'small'} align='center'>
<Icon />
{objectData?.color ? <Badge color={objectData?.color} /> : null}
{objectData?.name ? <Text ellipsis>{objectData.name}</Text> : null}
{objectData?._id && !objectData?.name ? (
<IdDisplay
id={objectData?._id}
type={objectType}
longId={false}
showCopy={false}
/>
) : null}
</Flex>
<Tag style={{ margin: 0, border: 'none' }}>
<Flex gap={objectData?.color ? 'small' : '3px'} align='center'>
<Icon />
<Flex gap={'small'} align='center'>
{objectData?.color ? <Badge color={objectData?.color} /> : null}
<div style={{ paddingTop: '1.5px' }}>
{objectData?.name ? <Text ellipsis>{objectData.name}</Text> : null}
{objectData?._id && !objectData?.name ? (
<IdDisplay
id={objectData?._id}
type={objectType}
longId={false}
showCopy={false}
/>
) : null}
</div>
</Flex>
</Flex>
</Tag>
)
}