From a3ccb1183dd657b4bdfd8e87e5bb27f5fd6c3c66 Mon Sep 17 00:00:00 2001
From: Shailesh Parmar <shailesh.parmar.webdev@gmail.com>
Date: Thu, 6 Jan 2022 17:08:01 +0530
Subject: [PATCH] change sample-data tab position (#2073)

---
 .../DatasetDetails.component.tsx              | 40 +++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DatasetDetails/DatasetDetails.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DatasetDetails/DatasetDetails.component.tsx
index ad3587951a7..ced9810216e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/DatasetDetails/DatasetDetails.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/DatasetDetails/DatasetDetails.component.tsx
@@ -133,6 +133,17 @@ const DatasetDetails: React.FC<DatasetDetailsProps> = ({
       isProtected: false,
       position: 1,
     },
+    {
+      name: 'Sample Data',
+      icon: {
+        alt: 'sample_data',
+        name: 'sample-data',
+        title: 'Sample Data',
+        selectedName: 'sample-data-color',
+      },
+      isProtected: false,
+      position: 2,
+    },
     {
       name: 'Profiler',
       icon: {
@@ -142,7 +153,7 @@ const DatasetDetails: React.FC<DatasetDetailsProps> = ({
         selectedName: 'icon-profilercolor',
       },
       isProtected: false,
-      position: 2,
+      position: 3,
     },
     {
       name: 'Lineage',
@@ -153,7 +164,7 @@ const DatasetDetails: React.FC<DatasetDetailsProps> = ({
         selectedName: 'icon-lineagecolor',
       },
       isProtected: false,
-      position: 3,
+      position: 4,
     },
     {
       name: 'DBT',
@@ -165,17 +176,6 @@ const DatasetDetails: React.FC<DatasetDetailsProps> = ({
       },
       isProtected: false,
       isHidden: !dataModel?.sql,
-      position: 4,
-    },
-    {
-      name: 'Sample Data',
-      icon: {
-        alt: 'sample_data',
-        name: 'sample-data',
-        title: 'Sample Data',
-        selectedName: 'sample-data-color',
-      },
-      isProtected: false,
       position: 5,
     },
     {
@@ -451,6 +451,11 @@ const DatasetDetails: React.FC<DatasetDetailsProps> = ({
               </div>
             )}
             {activeTab === 2 && (
+              <div>
+                <SampleDataTable sampleData={getSampleDataWithType()} />
+              </div>
+            )}
+            {activeTab === 3 && (
               <div>
                 <TableProfiler
                   columns={columns.map((col) => ({
@@ -461,7 +466,7 @@ const DatasetDetails: React.FC<DatasetDetailsProps> = ({
                 />
               </div>
             )}
-            {activeTab === 3 && (
+            {activeTab === 4 && (
               <div
                 className={classNames(
                   location.pathname.includes(ROUTES.TOUR)
@@ -477,7 +482,7 @@ const DatasetDetails: React.FC<DatasetDetailsProps> = ({
                 />
               </div>
             )}
-            {activeTab === 4 && Boolean(dataModel?.sql) && (
+            {activeTab === 5 && Boolean(dataModel?.sql) && (
               <div className="tw-border tw-border-main tw-rounded-md tw-py-4 tw-h-full cm-h-full">
                 <SchemaEditor
                   className="tw-h-full"
@@ -486,11 +491,6 @@ const DatasetDetails: React.FC<DatasetDetailsProps> = ({
                 />
               </div>
             )}
-            {activeTab === 5 && (
-              <div>
-                <SampleDataTable sampleData={getSampleDataWithType()} />
-              </div>
-            )}
             {activeTab === 6 && (
               <div>
                 <ManageTab