From 5c69fa5fdacb5f5a81fa1c7e0b8d770e2c9361a1 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sun, 31 Aug 2025 21:27:37 +0100
Subject: [PATCH] Added color to object display.

---
 src/components/Dashboard/common/ObjectDisplay.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Dashboard/common/ObjectDisplay.jsx b/src/components/Dashboard/common/ObjectDisplay.jsx
index 71b215a..f00cd69 100644
--- a/src/components/Dashboard/common/ObjectDisplay.jsx
+++ b/src/components/Dashboard/common/ObjectDisplay.jsx
@@ -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>
   )
 }