From 030e12ba15434d4de15298064ad62eadf628073f Mon Sep 17 00:00:00 2001
From: Mihail Iftodi <mi250228@ncr.com>
Date: Thu, 8 Aug 2024 15:20:30 +0300
Subject: [PATCH] Assign css class namespaces for projects to avoid colission

---
 packages/container/src/App.js | 21 ++++++++++++++++-----
 packages/marketing/src/App.js | 13 ++++++++++---
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/packages/container/src/App.js b/packages/container/src/App.js
index 8578710..909015b 100644
--- a/packages/container/src/App.js
+++ b/packages/container/src/App.js
@@ -1,15 +1,26 @@
+import React from "react";
 import { BrowserRouter } from "react-router-dom";
+import {
+  StylesProvider,
+  createGenerateClassName,
+} from "@material-ui/core/styles";
+
 import Header from "./components/Header";
 import MarketingApp from "./components/MarketingApp";
-import React from "react";
+
+const generateClassName = createGenerateClassName({
+  productionPrefix: "co",
+});
 
 export default () => {
   return (
     <BrowserRouter>
-      <div>
-        <Header />
-        <MarketingApp />
-      </div>
+      <StylesProvider generateClassName={generateClassName}>
+        <div>
+          <Header />
+          <MarketingApp />
+        </div>
+      </StylesProvider>
     </BrowserRouter>
   );
 };
diff --git a/packages/marketing/src/App.js b/packages/marketing/src/App.js
index 27d935c..e6a2a9b 100644
--- a/packages/marketing/src/App.js
+++ b/packages/marketing/src/App.js
@@ -1,14 +1,21 @@
+import React from "react";
 import { BrowserRouter, Route, Switch } from "react-router-dom";
+import {
+  StylesProvider,
+  createGenerateClassName,
+} from "@material-ui/core/styles";
 
 import Landing from "./components/Landing";
 import Pricing from "./components/Pricing";
-import React from "react";
-import { StylesProvider } from "@material-ui/core/styles";
+
+const generateClassName = createGenerateClassName({
+  productionPrefix: "ma",
+});
 
 export default () => {
   return (
     <div>
-      <StylesProvider>
+      <StylesProvider generateClassName={generateClassName}>
         <BrowserRouter>
           <Switch>
             <Route exact path="/pricing" component={Pricing} />