Allow for Component Token Overrides.

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/index.js

@@ -1,6 +1,4 @@
 import * as Sentry from "@sentry/react";
-//import "antd/dist/antd.css";
-// import "antd/dist/antd.less";
 import Dinero from "dinero.js";
 import React from "react";
 import ReactDOM from "react-dom/client";
@@ -14,7 +12,10 @@ import { persistor, store } from "./redux/store";
 import reportWebVitals from "./reportWebVitals";
 import "./translations/i18n";
 import "./utils/CleanAxios";
+import {ConfigProvider} from "antd";
 //import { BrowserTracing } from "@sentry/tracing";
+//import "antd/dist/antd.css";
+// import "antd/dist/antd.less";
 
 // Dinero.defaultCurrency = "CAD";
 // Dinero.globalLocale = "en-CA";
@@ -60,7 +61,18 @@ function App() {
         </PersistGate>
     );
 }
-ReactDOM.createRoot(document.getElementById('root')).render(<App />);
+
+// Used for ANTD Component Tokens
+// https://ant.design/docs/react/migrate-less-variables
+const themeConfig = {
+};
+
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+    <ConfigProvider theme={themeConfig}>
+        <App />
+    </ConfigProvider>
+);
 
 
 // const onServiceWorkerUpdate = (registration) => {

client/src/landing/index.jsx

@@ -1,30 +1,15 @@
 /* eslint no-undef: 0 */
 /* eslint arrow-parens: 0 */
+
 import { enquireScreen } from "enquire-js";
 import React from "react";
 import Banner0 from "./Banner0";
-// import Content4 from "./Content4";
-//import Content0 from "./Content0";
-//import Content1 from "./Content1";
 import {
   Banner00DataSource,
-  // Content40DataSource,
-  //Content00DataSource,
-  //Content10DataSource,
-  // Pricing11DataSource,
-  // Content30DataSource,
-  // Content120DataSource,
   Footer10DataSource,
-  // Nav00DataSource,
-  //Pricing20DataSource,
 } from "./data.source";
-// import Pricing1 from "./Pricing1";
-// import Content3 from "./Content3";
-// import Content12 from "./Content12";
 import Footer1 from "./Footer1";
 import "./less/antMotionStyle.less";
-// import Nav0 from "./Nav0";
-//import Pricing2 from "./Pricing2";
 
 let isMobile;
 enquireScreen((b) => {
@@ -38,17 +23,14 @@ export default class Home extends React.Component {
     super(props);
     this.state = {
       isMobile,
-      show: !location.port, // 如果不是 dva 2.0 请删除
+      show: !location.port,
     };
   }
 
   componentDidMount() {
-    // 适配手机屏幕;
     enquireScreen((b) => {
       this.setState({ isMobile: !!b });
     });
-    // dva 2.0 样式在组件渲染之后动态加载，导致滚动组件不生效；线上不影响；
-    /* 如果不是 dva 2.0 请删除 start */
     if (location.port) {
       // 样式 build 时间在 200-300ms 之间;
       setTimeout(() => {
@@ -57,69 +39,16 @@ export default class Home extends React.Component {
         });
       }, 500);
     }
-    /* 如果不是 dva 2.0 请删除 end */
   }
 
   render() {
     const children = [
-      // <Nav0
-      //   id="Nav0_0"
-      //   key="Nav0_0"
-      //   dataSource={Nav00DataSource}
-      //   isMobile={this.state.isMobile}
-      // />,
       <Banner0
         id="Banner0_0"
         key="Banner0_0"
         dataSource={Banner00DataSource}
         isMobile={this.state.isMobile}
       />,
-      // ...(process.env.NODE_ENV !== "production"
-      //   ? [
-      //       // <Content4
-      //       //   id="Content4_0"
-      //       //   key="Content4_0"
-      //       //   dataSource={Content40DataSource}
-      //       //   isMobile={this.state.isMobile}
-      //       // />,
-      //       <Content1
-      //         id="Content1_0"
-      //         key="Content1_0"
-      //         dataSource={Content10DataSource}
-      //         isMobile={this.state.isMobile}
-      //       />,
-      //       <Content0
-      //         id="Content0_0"
-      //         key="Content0_0"
-      //         dataSource={Content00DataSource}
-      //         isMobile={this.state.isMobile}
-      //       />,
-      //       <Pricing2
-      //         id="Pricing2_0"
-      //         key="Pricing2_0"
-      //         dataSource={Pricing20DataSource}
-      //         isMobile={this.state.isMobile}
-      //       />,
-      //       // <Pricing1
-      //       //   id="Pricing1_1"
-      //       //   key="Pricing1_1"
-      //       //   dataSource={Pricing11DataSource}
-      //       //   isMobile={this.state.isMobile}
-      //       // />,
-      //       // <Content3
-      //       //   id="Content3_0"
-      //       //   key="Content3_0"
-      //       //   dataSource={Content30DataSource}
-      //       //   isMobile={this.state.isMobile}
-      //       // />,
-      //       // <Content12
-      //       //   id="Content12_0"
-      //       //   key="Content12_0"
-      //       //   dataSource={Content120DataSource}
-      //       //   isMobile={this.state.isMobile}
-      //       // />,
-      //     ]
-      //   : []),
       <Footer1
         id="Footer1_0"
         key="Footer1_0"
@@ -134,9 +63,7 @@ export default class Home extends React.Component {
           this.dom = d;
         }}
       >
-        {/* 如果不是 dva 2.0 替换成 {children} start */}
         {this.state.show && children}
-        {/* 如果不是 dva 2.0 替换成 {children} end */}
       </div>
     );
   }