feat: show object name in field mapping ui (#511)

* enhancement: show object name in field mapping ui * remove unused object
revertinc · Mar 8, 2024 · 3c637e4 · 3c637e4
1 parent 5f6accd
commit 3c637e4
Showing 1 changed file with 16 additions and 5 deletions.
diff --git a/packages/js/src/index.ts b/packages/js/src/index.ts
@@ -866,17 +866,28 @@ const createIntegrationBlock = function (self, integration) {
                 op.innerHTML = a.name;
                 return op;
             });
-            const hiddenObject = createViewElement(
+            const objectHeading = createViewElement(
                 'div',
                 '',
                 transformStyle({
-                    visibility: 'hidden',
-                    height: '1px',
+                    fontWeight: '400',
+                    fontSize: '12px',
+                    color: '#4C505B',
+                }),
+                [],
+                'Object'
+            );
+            const objInput = createViewElement(
+                'div',
+                `sd-object-${fieldName}`,
+                transformStyle({
+                    fontWeight: '400',
+                    fontSize: '12px',
                 }),
                 [],
                 objectName
             );
-            hiddenObject.classList.add('stdHiddenObj');
+            objInput.classList.add('input-style');
             const mappableHeading = createViewElement(
                 'div',
                 '',
@@ -938,7 +949,7 @@ const createIntegrationBlock = function (self, integration) {
                     marginBottom: '25px',
                     gap: '10px',
                 }),
-                [hiddenObject, mappableHeading, mappableInput, accountSpecificHeading, accountSpecificInput],
+                [objectHeading, objInput, mappableHeading, mappableInput, accountSpecificHeading, accountSpecificInput],
                 ''
             );
             return container;