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

Added color to object display.

Browse Source
This commit is contained in:
Tom Butcher 2025-08-31 21:27:37 +01:00
parent eba1a87664
commit 5c69fa5fda
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,5 @@
import PropTypes from 'prop-types'
import { Typography, Flex } from 'antd'
import { Typography, Flex, Badge } from 'antd'
import { useState, useEffect, useContext, useCallback } from 'react'
import { getModelByName } from '../../../database/ObjectModels'
import { ApiServerContext } from '../context/ApiServerContext'
@ -52,9 +52,10 @@ const ObjectDisplay = ({ object, objectType }) => {
const model = getModelByName(objectType)
const Icon = model.icon
return (
<Flex gap={'small'}>
<Flex gap={'small'} align='center'>
<Icon />
<Text>{objectData?.name ? objectData.name : null}</Text>
{objectData?.color ? <Badge color={objectData?.color} /> : null}
<Text ellipsis>{objectData?.name ? objectData.name : null}</Text>
</Flex>
)
}