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

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

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