From 5dc43fa7918b3823ce3d41c341c1e6872f8c38b4 Mon Sep 17 00:00:00 2001
From: Kerem Nalbant <k.nalbant@epilot.cloud>
Date: Wed, 24 Apr 2024 20:24:55 +0300
Subject: [PATCH] Add deprecated css to clickable property name

---
 src/common-elements/fields.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/common-elements/fields.ts b/src/common-elements/fields.ts
index 23ab5a816d..1267fc802f 100644
--- a/src/common-elements/fields.ts
+++ b/src/common-elements/fields.ts
@@ -1,10 +1,17 @@
 import { transparentize } from 'polished';
 
-import styled, { extensionsHook, css } from '../styled-components';
+import styled, { css, extensionsHook } from '../styled-components';
 import { PropertyNameCell } from './fields-layout';
+import { deprecatedCss } from './mixins';
 import { ShelfIcon } from './shelfs';
 
 export const ClickablePropertyNameCell = styled(PropertyNameCell)`
+  &.deprecated {
+    span.property-name {
+      ${deprecatedCss}
+    }
+  }
+
   button {
     background-color: transparent;
     border: 0;