Merge pull request #201 from pagesource/feature/styled-components-stiches-migration

Feature/styled components stiches migration

Author: vinodloha

templates/base/babel.config.js

@@ -1,4 +1,4 @@
 module.exports = {
   presets: ['next/babel'],
-  plugins: [['styled-components', { ssr: true }]]
+  plugins: []
 };

templates/base/src/pages/_app.tsx

@@ -1,13 +1,13 @@
 // node modules
 import React from 'react';
 import type { AppProps } from 'next/app';
-import { ThemeProvider } from 'styled-components';
 
 // packages
-import { theme } from 'themes';
 import WithReactQuery from 'services';
 
 import GlobalContextProvider from '../stores/globalContext';
+import { NextUIProvider } from '@nextui-org/react';
+import { theme } from 'themes';
 
 // Will be called once for every metric that has to be reported.
 // export function reportWebVitals(metric: any) {
@@ -17,11 +17,11 @@ import GlobalContextProvider from '../stores/globalContext';
 
 function MyApp({ Component, pageProps }: AppProps) {
   return (
-    <ThemeProvider theme={theme}>
+    <NextUIProvider theme={theme}>
       <GlobalContextProvider>
         <Component {...pageProps} />
       </GlobalContextProvider>
-    </ThemeProvider>
+    </NextUIProvider>
   );
 }
 

templates/common/package.json

@@ -13,16 +13,15 @@
     "markdown-to-jsx": "^7.1.3",
     "react": "{reactVersion}",
     "react-dom": "{reactVersion}",
-    "styled-components": "^5.3.1",
     "themes": "{workspacePrefix}",
     "services": "{workspacePrefix}",
     "ui": "{workspacePrefix}",
-    "smart-context": "^2.1.2"
+    "smart-context": "^2.1.2",
+    "@nextui-org/react": "^1.0.5-beta.5"
   },
   "devDependencies": {
     "@types/react": "^17.0.39",
     "@types/react-dom": "^17.0.11",
-    "@types/styled-components": "^5.1.22",
     "@testing-library/react": "12.1.1",
     "@testing-library/react-hooks": "7.0.2",
     "bundlesize": "0.18.1",

templates/common/packages/themes/package.json

@@ -4,4 +4,4 @@
   "private": true,
   "main": "./theme.ts",
   "license": "MIT"
-}
+}