From e9643c20cd863384f5b830eb9acadcd2a5826033 Mon Sep 17 00:00:00 2001
From: Aadit-Krishnaa-R <aaditkrishnaa18@gmail.com>
Date: Mon, 29 Jan 2024 01:21:35 +0530
Subject: [PATCH] fix: added tutorial icon, change tutorial number

---
 src/assets/book (1).png:Zone.Identifier    |   4 ++
 src/assets/tutorial.png                    | Bin 0 -> 9968 bytes
 src/components/MapDesigner/MapDesigner.tsx |   2 +-
 src/components/NavBar/NavBar.module.css    |  13 +++++++
 src/components/NavBar/NavBar.tsx           |  18 +++------
 src/pages/Dashboard/Dashboard.tsx          |  43 ++++++++++++---------
 src/store/Tutorials/tutorials.ts           |   5 +++
 src/store/User/UserApi.ts                  |   2 +
 src/store/User/UserSlice.ts                |   2 +
 9 files changed, 58 insertions(+), 31 deletions(-)
 create mode 100644 src/assets/book (1).png:Zone.Identifier
 create mode 100644 src/assets/tutorial.png

diff --git a/src/assets/book (1).png:Zone.Identifier b/src/assets/book (1).png:Zone.Identifier
new file mode 100644
index 0000000..053138f
--- /dev/null
+++ b/src/assets/book (1).png:Zone.Identifier	
@@ -0,0 +1,4 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=https://www.flaticon.com/free-icon/book_13637888?term=code+tutorials&page=1&position=1&origin=search&related_id=13637888
+HostUrl=https://www.flaticon.com/download/icon/edited
diff --git a/src/assets/tutorial.png b/src/assets/tutorial.png
new file mode 100644
index 0000000000000000000000000000000000000000..757b773492dff327abb2c43dffcc04e21e3de41e
GIT binary patch
literal 9968
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

literal 0
HcmV?d00001

diff --git a/src/components/MapDesigner/MapDesigner.tsx b/src/components/MapDesigner/MapDesigner.tsx
index 4105fe0..4901e0d 100644
--- a/src/components/MapDesigner/MapDesigner.tsx
+++ b/src/components/MapDesigner/MapDesigner.tsx
@@ -162,7 +162,7 @@ export default function MapDesigner(props: MapDesignerProps): JSX.Element {
           tutorialAPI
             .createCodeTutorialMatch({
               value: JSON.stringify(stagedMap),
-              codeTutorialNumber: 6,
+              codeTutorialNumber: 4,
             })
             .then(() => {
               Toast.success('Code Tutorial submitted succesfully');
diff --git a/src/components/NavBar/NavBar.module.css b/src/components/NavBar/NavBar.module.css
index c41a7a0..3560abb 100644
--- a/src/components/NavBar/NavBar.module.css
+++ b/src/components/NavBar/NavBar.module.css
@@ -124,6 +124,19 @@
   opacity: 0.8;
 }
 
+.tutorialIcon {
+  height: 37px;
+  width: auto;
+  margin-top: 5px;
+  position: relative;
+  margin-right: 2rem;
+}
+
+.tutorialIcon:hover{
+  cursor: pointer;
+  opacity: 0.8;
+}
+
 .navbarTextButton {
   background-color: #374043; 
   color: #fff; 
diff --git a/src/components/NavBar/NavBar.tsx b/src/components/NavBar/NavBar.tsx
index 2a18d6b..2efbf0c 100644
--- a/src/components/NavBar/NavBar.tsx
+++ b/src/components/NavBar/NavBar.tsx
@@ -21,6 +21,7 @@ import signUpIcon from '../../assets/sign_up.svg';
 import signInIcon from '../../assets/sign_in.svg';
 import challengeDone from '../../assets/challenge_done.png';
 import challengeAvailable from '../../assets/challenge_available.png';
+import tutorialIcon from '../../assets/tutorial.png';
 import DcCompleted from '../DcModals/DcCompleted';
 import DcAvailable from '../DcModals/DcAvailable';
 import {
@@ -188,21 +189,14 @@ const NavBar: React.FunctionComponent = () => {
         <div className={styles.profileIcons}>
           <div className={styles.notifIconContainer}>
             {pageState == 'Dashboard' ? (
-              <button
-                className={styles.navbarTextButton}
+              <img
+                src={tutorialIcon}
+                className={styles.tutorialIcon}
+                title="Code Tutorials"
                 onClick={() => {
                   setShowTutorial(true);
                 }}
-              >
-                Launch Tutorial
-              </button>
-            ) : pageState == 'Tutorials' ? (
-              <button
-                className={styles.navbarTextButton}
-                onClick={handleTutorialClose}
-              >
-                Close Tutorial
-              </button>
+              />
             ) : (
               <></>
             )}
diff --git a/src/pages/Dashboard/Dashboard.tsx b/src/pages/Dashboard/Dashboard.tsx
index adcfee2..b722acf 100644
--- a/src/pages/Dashboard/Dashboard.tsx
+++ b/src/pages/Dashboard/Dashboard.tsx
@@ -190,6 +190,7 @@ export default function Dashboard(): JSX.Element {
         .getLatestCode()
         .then(response => {
           dispatch(initializeEditorStates(response));
+          console.log(response);
         })
         .catch(err => {
           if (err instanceof ApiError) Toast.error(err.message);
@@ -289,7 +290,7 @@ export default function Dashboard(): JSX.Element {
     if (isInfoOpen === true) dispatch(isInfoOpened(false));
     else dispatch(isInfoOpened(true));
   }
-
+  console.log(userCode);
   const handleSubmit = () => {
     let languageType: Language = Language.Cpp;
     if (userLanguage === 'c_cpp') languageType = Language.Cpp;
@@ -357,8 +358,10 @@ export default function Dashboard(): JSX.Element {
   const currentUserApi = new CurrentUserApi(apiConfig);
 
   const User = useAppSelector(user);
+  const codeTutorialInitialLevel = User.codeTutorialNumber;
+  console.log(codeTutorialInitialLevel);
   const navigate = useNavigate();
-
+  console.log(codeTutorialNumber);
   const setOpened = (opened: boolean) => {
     if (opened === false) {
       currentUserApi
@@ -581,19 +584,23 @@ export default function Dashboard(): JSX.Element {
                       </Form.Select>
                     </Col>
                     <div className={styles.midDiv}>
-                      <Col className={styles.toolbarColumn} sm="1">
-                        <button
-                          className={styles.toolbarButton}
-                          onClick={handleSubmit}
-                          ref={submitButtonRef}
-                          id="SubmitButton"
-                        >
-                          <FontAwesomeIcon
-                            title="Submit"
-                            icon={faCloudUploadAlt as IconProp}
-                          />{' '}
-                        </button>
-                      </Col>
+                      {codeTutorialNumber == 4 ? (
+                        <></>
+                      ) : (
+                        <Col className={styles.toolbarColumn} sm="1">
+                          <button
+                            className={styles.toolbarButton}
+                            onClick={handleSubmit}
+                            ref={submitButtonRef}
+                            id="SubmitButton"
+                          >
+                            <FontAwesomeIcon
+                              title="Submit"
+                              icon={faCloudUploadAlt as IconProp}
+                            />{' '}
+                          </button>
+                        </Col>
+                      )}
                       <>
                         {codeTutorialNumber == 1 ? (
                           <></>
@@ -605,7 +612,7 @@ export default function Dashboard(): JSX.Element {
                             Prev Tutorial
                           </button>
                         )}
-                        {codeTutorialNumber == 6 ? (
+                        {codeTutorialNumber == 4 ? (
                           <> </>
                         ) : (
                           <button
@@ -768,7 +775,7 @@ export default function Dashboard(): JSX.Element {
             >
               <div className={styles.rightPane} id="MAP">
                 {pageState == 'Dashboard' ||
-                (pageState == 'Tutorials' && codeTutorialNumber != 6) ||
+                (pageState == 'Tutorials' && codeTutorialNumber != 4) ||
                 dailyChallengeSimulationState ? (
                   <RendererComponent />
                 ) : dailyChallenge.challType == 'MAP' ? (
@@ -783,7 +790,7 @@ export default function Dashboard(): JSX.Element {
                       ></img>
                     </div>
                   </>
-                ) : pageState == 'Tutorials' && codeTutorialNumber == 6 ? (
+                ) : pageState == 'Tutorials' && codeTutorialNumber == 4 ? (
                   <MapDesigner pageType={'Tutorials'} />
                 ) : (
                   <MapDesigner pageType={'DailyChallenge'} />
diff --git a/src/store/Tutorials/tutorials.ts b/src/store/Tutorials/tutorials.ts
index 44e08db..b36f061 100644
--- a/src/store/Tutorials/tutorials.ts
+++ b/src/store/Tutorials/tutorials.ts
@@ -5,7 +5,12 @@ import { CodeAndLanguage, languagesAvailable } from '../editor/code';
 import defaultCppCode from '../../assets/codes/cpp/run.cpp?raw';
 import defaultPythonCode from '../../assets/codes/python/run.py?raw';
 import defaultJavaCode from '../../assets/codes/java/Run.java?raw';
+// import { user } from '../../store/User/UserSlice';
+// import { useAppSelector } from '../hooks';
 
+// const User = useAppSelector(user);
+// const codeTutorialInitialLevel = User.codeTutorialNumber;
+// console.log(codeTutorialInitialLevel);
 export interface TutorialStateType {
   tutorials: TutorialsGetRequest;
   tutorialCode: string | undefined;
diff --git a/src/store/User/UserApi.ts b/src/store/User/UserApi.ts
index 5ff471e..8384eae 100644
--- a/src/store/User/UserApi.ts
+++ b/src/store/User/UserApi.ts
@@ -66,6 +66,7 @@ export const getUserDetails = (): Promise<{
   country: string;
   avatarId: number;
   isTutorialComplete: boolean;
+  codeTutorialNumber: number | undefined;
 }> => {
   return new Promise((resolve, reject) => {
     const currentUserapi = new CurrentUserApi(apiConfig);
@@ -82,6 +83,7 @@ export const getUserDetails = (): Promise<{
           country: res.country,
           avatarId: res.avatarId,
           isTutorialComplete: res.isTutorialComplete,
+          codeTutorialNumber: res.codeTutorialLevel,
         });
       })
       .catch(error => {
diff --git a/src/store/User/UserSlice.ts b/src/store/User/UserSlice.ts
index fec847a..190533b 100644
--- a/src/store/User/UserSlice.ts
+++ b/src/store/User/UserSlice.ts
@@ -20,6 +20,7 @@ export interface User {
   college: string;
   avatarId: number;
   recaptchaCode: string;
+  codeTutorialNumber: number;
 }
 
 interface register {
@@ -48,6 +49,7 @@ const initialState: register = {
     college: '',
     avatarId: 0,
     recaptchaCode: '',
+    codeTutorialNumber: 1,
   },
   loading: false,
   isRegistered: false,