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 PropTypes from 'prop-types'
import { Typography, Flex } from 'antd' import { Typography, Flex, Badge } 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'
@ -52,9 +52,10 @@ 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'}> <Flex gap={'small'} align='center'>
<Icon /> <Icon />
<Text>{objectData?.name ? objectData.name : null}</Text> {objectData?.color ? <Badge color={objectData?.color} /> : null}
<Text ellipsis>{objectData?.name ? objectData.name : null}</Text>
</Flex> </Flex>
) )
} }