From a41e295e42fbf283733afd8b63bced9555cb1338 Mon Sep 17 00:00:00 2001
From: Jarrod Flesch <jarrodmflesch@gmail.com>
Date: Mon, 6 Feb 2023 21:35:00 -0500
Subject: [PATCH] fix: named tabs not displaying data in versions view

---
 .../RenderFieldsToDiff/fields/Tabs/index.tsx    | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/admin/components/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx b/src/admin/components/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx
index 626a339ae3..20aaa58053 100644
--- a/src/admin/components/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx
+++ b/src/admin/components/views/Version/RenderFieldsToDiff/fields/Tabs/index.tsx
@@ -2,10 +2,11 @@ import React from 'react';
 import RenderFieldsToDiff from '../..';
 import { Props } from '../types';
 import { TabsField } from '../../../../../../../fields/config/types';
+import Nested from '../Nested';
 
 const baseClass = 'tabs-diff';
 
-const Tabs: React.FC<Props & { field: TabsField}> = ({
+const Tabs: React.FC<Props & { field: TabsField }> = ({
   version,
   comparison,
   permissions,
@@ -16,6 +17,20 @@ const Tabs: React.FC<Props & { field: TabsField}> = ({
   <div className={baseClass}>
     <div className={`${baseClass}__wrap`}>
       {field.tabs.map((tab, i) => {
+        if ('name' in tab) {
+          return (
+            <Nested
+              key={i}
+              version={version[tab.name]}
+              comparison={comparison[tab.name]}
+              permissions={permissions}
+              field={tab}
+              locales={locales}
+              fieldComponents={fieldComponents}
+            />
+          );
+        }
+
         return (
           <RenderFieldsToDiff
             key={i}