Merge pull request #67 from sagaarr/main

#66

packages/classes/modulefederation.config.js

@@ -4,8 +4,8 @@ module.exports = {
   name: "classes",
   exposes: {
     "./App": "./src/App",
-    "./MyClassRoute": "./src/pages/MyClassRoute.js",
-    "./ClassDetails": "./src/pages/ClassDetails.js",
+    "./MyClassRoute": "./src/pages/MyClassRoute/index.js",
+    "./ClassDetails": "./src/pages/ClassDetails/index.js",
   },
   remotes: {
     core: `core@[window.appModules.core.url]/moduleEntry.js`,

packages/classes/src/App.js

@@ -6,15 +6,16 @@ import { extendTheme, NativeBaseProvider } from "native-base";
 import { DEFAULT_THEME } from "@shiksha/common-lib";
 import ClassDetails from "./pages/ClassDetails";
 import MyClassRoute from "pages/MyClassRoute";
+import { navigationRoutes } from "services/routes";
 
 function App() {
   const theme = extendTheme(DEFAULT_THEME);
   return (
     <NativeBaseProvider theme={theme}>
       <Router basename={process.env.PUBLIC_URL}>
         <Routes>
-          <Route path="my-classes/:classId" element={<ClassDetails />} />
-          <Route path="*" element={<MyClassRoute />} />
+          <Route path={navigationRoutes.myClasses} element={<ClassDetails />} />
+          <Route path={navigationRoutes.fourOfour} element={<MyClassRoute />} />
         </Routes>
       </Router>
     </NativeBaseProvider>

packages/classes/src/atoms/ButtonHOC.js

@@ -0,0 +1,9 @@
+import React from 'react'
+import { Button } from "native-base";
+
+const ButtonHOC = ({children, ...rest}) => {
+
+  return <Button {...rest}>{children}</Button>
+}
+
+export default ButtonHOC

packages/classes/src/atoms/LinkHOC.js

@@ -0,0 +1,9 @@
+import React from 'react'
+import { Link, useParams } from "react-router-dom";
+
+const LinkHOC = ({children, ...rest}) => {
+
+  return <Link {...rest}>{children}</Link>
+}
+
+export default LinkHOC