From 1fe32e0b96ed9c91463b2c7c391c710f56912d94 Mon Sep 17 00:00:00 2001
From: Mateusz Kwasniewski <kwasniewski.mateusz@gmail.com>
Date: Mon, 7 Aug 2023 13:53:22 +0200
Subject: [PATCH] fix: dot in context fields (#4434)

---
 .../PlaygroundEnvironmentDiffTable.tsx                        | 4 +++-
 .../PlaygroundEnvironmentTable/PlaygroundEnvironmentTable.tsx | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentDiffTable.tsx b/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentDiffTable.tsx
index 5aebd0fc09..bd53c46fb6 100644
--- a/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentDiffTable.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentDiffTable.tsx
@@ -40,7 +40,9 @@ export const PlaygroundEnvironmentDiffTable = ({
     const contextFieldsHeaders = Object.keys(firstContext).map(
         contextField => ({
             Header: capitalizeFirst(contextField),
-            accessor: `${environments[0]}.context.${contextField}`,
+            accessor: (
+                row: Record<string, { context: Record<string, unknown> }>
+            ) => row[environments[0]]['context'][contextField],
             minWidth: 160,
             Cell: HighlightCell,
         })
diff --git a/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentTable.tsx b/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentTable.tsx
index 50c2dacd24..b508ad17a4 100644
--- a/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentTable.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentTable.tsx
@@ -33,7 +33,8 @@ export const PlaygroundEnvironmentTable = ({
     const dynamicHeaders = Object.keys(features[0].context).map(
         contextField => ({
             Header: capitalizeFirst(contextField),
-            accessor: `context.${contextField}`,
+            accessor: (row: { context: Record<string, unknown> }) =>
+                row['context'][contextField],
             minWidth: 160,
             Cell: HighlightCell,
         })