Feat : Home,commit history,dc modal (#10)

* feat(Homepage,Commitpage) : Added commit history and home page designs

* feat: Change Navbar, SideBar and Add Profile Page

* fix : Signup bug (#9)

* feat: Change Navbar, SideBar and Add Profile Page

* fix: fix sign up bug in navbar

Co-authored-by: zabarudo <smartkevin2003@gmail.com>

* fix:Final Changes

* fix : dependencies issues

* fix : Add yarn.lock

* fix : lint issues

* fix : remove unnecessary imports

* fix : add react-code-blocks

* Fix(homePage,CommitPage) : Required changes

* fix : Minor changes

* Fix : load commit and minor styling

* Fix(UI) : styles and bgEffect

* Fix : add types for modal  and imports for assets

* update: mock api url (#14)

Co-authored-by: zabarudo <smartkevin2003@gmail.com>
Co-authored-by: Vignesh Duraisamy <vigneshd332@gmail.com>

Author: 3 people

index.html

@@ -38,6 +38,7 @@
       });
     }
   </script>
+  <script>const global = globalThis;</script>
   <script type="module" src="/src/main.tsx"></script>
 </body>
 

package.json

@@ -46,6 +46,7 @@
     "react-ace": "^10.1.0",
     "react-ansi": "^3.0.2",
     "react-bootstrap": "^2.7.0",
+    "react-code-blocks": "^0.0.9-0",
     "react-dom": "^18.2.0",
     "react-flags-select": "^2.2.3",
     "react-google-recaptcha": "^2.1.0",

packages/client/src/models/index.ts

@@ -36,7 +36,7 @@ export const AuthStatusResponseStatusEnum = {
   ActivationPending: 'ACTIVATION_PENDING',
 } as const;
 export type AuthStatusResponseStatusEnum =
-  typeof AuthStatusResponseStatusEnum[keyof typeof AuthStatusResponseStatusEnum];
+  (typeof AuthStatusResponseStatusEnum)[keyof typeof AuthStatusResponseStatusEnum];
 
 /**
  *
@@ -46,7 +46,7 @@ export const ChallengeType = {
   Code: 'CODE',
   Map: 'MAP',
 } as const;
-export type ChallengeType = typeof ChallengeType[keyof typeof ChallengeType];
+export type ChallengeType = (typeof ChallengeType)[keyof typeof ChallengeType];
 
 /**
  * Code model
@@ -447,7 +447,7 @@ export const GameStatus = {
   Executed: 'EXECUTED',
   ExecuteError: 'EXECUTE_ERROR',
 } as const;
-export type GameStatus = typeof GameStatus[keyof typeof GameStatus];
+export type GameStatus = (typeof GameStatus)[keyof typeof GameStatus];
 
 /**
  * Model for Generic Error
@@ -473,7 +473,7 @@ export const Language = {
   Java: 'JAVA',
   Python: 'PYTHON',
 } as const;
-export type Language = typeof Language[keyof typeof Language];
+export type Language = (typeof Language)[keyof typeof Language];
 
 /**
  * Leaderboard entry model
@@ -553,7 +553,7 @@ export const MatchMode = {
   Manual: 'MANUAL',
   Auto: 'AUTO',
 } as const;
-export type MatchMode = typeof MatchMode[keyof typeof MatchMode];
+export type MatchMode = (typeof MatchMode)[keyof typeof MatchMode];
 
 /**
  * Notification model
@@ -932,4 +932,4 @@ export const Verdict = {
   Player2: 'PLAYER2',
   Tie: 'TIE',
 } as const;
-export type Verdict = typeof Verdict[keyof typeof Verdict];
+export type Verdict = (typeof Verdict)[keyof typeof Verdict];

public/assets/DownArrow.svg

@@ -28,6 +28,7 @@ const IncompleteProfile = lazy(
   () =>
     import('./components/Auth/Auth/Login/IncompleteProfile/incompeleteProfile'),
 );
+const Profile = lazy(() => import('./components/Profile/Profile'));
 
 export default function AllRoutes(): JSX.Element {
   const dispatch = useAppDispatch();
@@ -39,22 +40,6 @@ export default function AllRoutes(): JSX.Element {
     }
   }, []);
 
-  // return (
-  //   <Routes>
-  //     <Route path="/dashboard" element={<Dashboard />} />
-  //     <Route path="/mapdesigner" element={<MapDesigner />} />
-  //     <Route path="/history" element={<History />} />
-  //     <Route path="/leaderboard" element={<Leaderboard />} />
-  //     <Route path="/battletv" element={<BattleTV />} />
-  //     <Route path="/activate" element={<Verify />} />
-  //     <Route path="/incomplete-profile" element={<IncompleteProfile />} />
-  //     <Route path="/login" element={<Login />} />
-  //     <Route path="/register" element={<Register />} />
-  //     <Route path="/reset-password" element={<ResetPassword />} />
-  //     <Route path="/" element={<Home />} />
-  //   </Routes>
-  // );
-
   return logIn ? (
     <Routes>
       <Route path="/" element={<Home />} />
@@ -65,6 +50,7 @@ export default function AllRoutes(): JSX.Element {
       <Route path="/battletv" element={<BattleTV />} />
       <Route path="/activate" element={<Verify />} />
       <Route path="/incomplete-profile" element={<IncompleteProfile />} />
+      <Route path="/profile" element={<Profile />} />
       <Route path="*" element={<Redirect />} />
     </Routes>
   ) : (