dsdfg

package.json

@@ -15,10 +15,7 @@
   },
   "devDependencies": {
     "@types/react": "^17.0.38",
-    "autoprefixer": "^10.4.2",
     "eslint": "8.4.0",
-    "eslint-config-next": "12.0.7",
-    "postcss": "^8.4.5",
-    "tailwindcss": "^3.0.12"
+    "eslint-config-next": "12.0.7"
   }
 }

pages/_app.js

@@ -35,8 +35,8 @@ function MyApp({ Component, pageProps }) {
 
       <Component {...pageProps} />
       
-      <Script type="text/javascript" defer src="/assets/plugins/global/plugins.bundle.js"></Script>
-      <Script type="text/javascript" defer src="/assets/js/scripts.bundle.js"></Script>
+      <Script type="text/javascript" src="/assets/plugins/global/plugins.bundle.js"></Script>
+      <Script type="text/javascript" src="/assets/js/scripts.bundle.js"></Script>
   </>
 }
 

pages/teams/demo.tsx

@@ -140,6 +140,29 @@ export default class Demo extends React.Component<MyProps, MyState> {
     render() {
         return (
             <>
+                <div className="d-flex ms-3">
+									<a href="#" className="btn bg-body btn-color-gray-600 btn-active-info" tooltip="New Member" data-bs-toggle="modal" data-bs-target="#kt_modal_invite_friends">New User</a>
+								</div>
+
+
+                                <div className="modal fade" id="kt_modal_invite_friends" tabindex="-1" aria-hidden="true">
+			<div className="modal-dialog mw-650px">
+				<div className="modal-content">
+                        <div className="modal-header pb-0 border-0 justify-content-end">
+                            <div className="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
+                                <span className="svg-icon svg-icon-1">
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+                                        <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="black" />
+                                        <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="black" />
+                                    </svg>
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
                 <div className="container mx-auto max-w-screen-xl pt-10 flex flex-col space-y-5">
                     {/* header content */}
                     <section className="flex-1 flex flex-row items-center justify-between py-5">
@@ -302,6 +325,8 @@ export default class Demo extends React.Component<MyProps, MyState> {
                                         </span>
                                         
                                     </span>
+
+                                    
                                 </span>
                             </section>
                         </div>

postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}

styles/globals.css

@@ -82,8 +82,4 @@ p {
     font-size: 1em;
  }
  
- }
-
- @tailwind base;
-@tailwind components;
-@tailwind utilities;
+ }

tailwind.config.js

@@ -1,10 +0,0 @@
-module.exports = {
-  content: [
-    "./pages/**/*.{js,ts,jsx,tsx}",
-    "./components/**/*.{js,ts,jsx,tsx}"
-  ],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-}