From d0ab5001e5fab9c00eeb6776c46f6e521fa1e067 Mon Sep 17 00:00:00 2001
From: soupette <cyril@strapi.io>
Date: Thu, 7 Oct 2021 17:27:53 +0200
Subject: [PATCH] Remove old theme provider

Signed-off-by: soupette <cyril@strapi.io>
---
 .../admin/src/pages/App/TempTP.js             | 100 ------------------
 .../admin/src/pages/App/index.js              |  41 ++++---
 2 files changed, 19 insertions(+), 122 deletions(-)
 delete mode 100644 packages/core/content-type-builder/admin/src/pages/App/TempTP.js

diff --git a/packages/core/content-type-builder/admin/src/pages/App/TempTP.js b/packages/core/content-type-builder/admin/src/pages/App/TempTP.js
deleted file mode 100644
index 8cc9a3887d..0000000000
--- a/packages/core/content-type-builder/admin/src/pages/App/TempTP.js
+++ /dev/null
@@ -1,100 +0,0 @@
-// import React from 'react';
-// import { ThemeProvider } from 'styled-components';
-// import 'bootstrap/dist/css/bootstrap.css';
-
-// const theme = {
-//   main: {
-//     colors: {
-//       black: '#333740',
-//       white: '#ffffff',
-//       red: '#ff203c',
-//       orange: '#ff5d00',
-//       lightOrange: '#f64d0a',
-//       yellow: '#ffd500',
-//       green: '#6dbb1a',
-//       blue: '#0097f7',
-//       teal: '#5bc0de',
-//       pink: '#ff5b77',
-//       purple: '#613d7c',
-//       gray: '#464a4c',
-//       border: '#e3e9f3',
-//       'gray-dark': '#292b2c',
-//       grayLight: '#636c72',
-//       'gray-lighter': '#eceeef',
-//       'gray-lightest': '#f7f7f9',
-//       brightGrey: '#f0f3f8',
-//       darkGrey: '#e3e9f3',
-//       lightGrey: '#fafafa',
-//       lightestGrey: '#fbfbfb',
-//       mediumGrey: '#f2f3f4',
-//       grey: '#9ea7b8',
-//       greyDark: '#292b2c',
-//       greyAlpha: 'rgba(227, 233, 243, 0.5)',
-//       lightestBlue: '#e4f0fc',
-//       lightBlue: '#e6f0fb',
-//       mediumBlue: '#007eff',
-//       darkBlue: '#aed4fb',
-//       pale: '#f7f8f8',
-//       content: {
-//         background: '#fafafb',
-//         'background-alpha': 'rgba(14, 22, 34, 0.02)',
-//       },
-//       leftMenu: {
-//         'link-hover': '#1c2431',
-//         'link-color': '#919bae',
-//         'title-color': '#5b626f',
-//         'background-header-link': '#007eff',
-//       },
-//       strapi: {
-//         'gray-light': '#eff3f6',
-//         gray: '#535f76',
-//         'blue-darker': '#18202e',
-//         'blue-dark': '#151c2e',
-//         blue: '#0097f7',
-//       },
-//     },
-//     fontWeights: {
-//       regular: 400,
-//       semiBold: 500,
-//       bold: 600,
-//       black: 900,
-//     },
-//     sizes: {
-//       borderRadius: '2px',
-//       header: {
-//         height: '6rem',
-//       },
-//       leftMenu: {
-//         height: '6rem',
-//         width: '24rem',
-//       },
-//       margins: {
-//         // TODO:
-//         sm: '10px',
-//       },
-//       paddings: {
-//         // TODO
-//         xs: '5px',
-//         sm: '10px',
-//         smd: '20px',
-//         md: '30px',
-//         lg: '40px',
-//       },
-//       fonts: {
-//         xs: '11px',
-//         sm: '12px',
-//         md: '13px',
-//         lg: '18px',
-//         xl: '24px',
-//       },
-//     },
-//   },
-// };
-
-// eslint-disable-next-line react/prop-types
-const TempTP = ({ children }) => {
-  // return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
-  return children;
-};
-
-export default TempTP;
diff --git a/packages/core/content-type-builder/admin/src/pages/App/index.js b/packages/core/content-type-builder/admin/src/pages/App/index.js
index 392bb5204b..0b78514d83 100644
--- a/packages/core/content-type-builder/admin/src/pages/App/index.js
+++ b/packages/core/content-type-builder/admin/src/pages/App/index.js
@@ -13,34 +13,31 @@ import pluginId from '../../pluginId';
 import DataManagerProvider from '../../components/DataManagerProvider';
 import RecursivePath from '../RecursivePath';
 import icons from './utils/icons.json';
-import TempTP from './TempTP';
 import ContentTypeBuilderNav from '../../components/ContentTypeBuilderNav';
 
 const ListView = lazy(() => import('../ListView'));
 
 const App = () => {
   return (
-    <TempTP>
-      <CheckPagePermissions permissions={pluginPermissions.main}>
-        <DataManagerProvider allIcons={icons}>
-          <Layout sideNav={<ContentTypeBuilderNav />}>
-            <Suspense fallback={<LoadingIndicatorPage />}>
-              <Switch>
-                <Route
-                  path={`/plugins/${pluginId}/content-types/create-content-type`}
-                  component={ListView}
-                />
-                <Route path={`/plugins/${pluginId}/content-types/:uid`} component={ListView} />
-                <Route
-                  path={`/plugins/${pluginId}/component-categories/:categoryUid`}
-                  component={RecursivePath}
-                />
-              </Switch>
-            </Suspense>
-          </Layout>
-        </DataManagerProvider>
-      </CheckPagePermissions>
-    </TempTP>
+    <CheckPagePermissions permissions={pluginPermissions.main}>
+      <DataManagerProvider allIcons={icons}>
+        <Layout sideNav={<ContentTypeBuilderNav />}>
+          <Suspense fallback={<LoadingIndicatorPage />}>
+            <Switch>
+              <Route
+                path={`/plugins/${pluginId}/content-types/create-content-type`}
+                component={ListView}
+              />
+              <Route path={`/plugins/${pluginId}/content-types/:uid`} component={ListView} />
+              <Route
+                path={`/plugins/${pluginId}/component-categories/:categoryUid`}
+                component={RecursivePath}
+              />
+            </Switch>
+          </Suspense>
+        </Layout>
+      </DataManagerProvider>
+    </CheckPagePermissions>
   );
 };