fix question ui bug

techsyndicate · Apr 4, 2022 · ccb174d · ccb174d
1 parent 4fcc99b
commit ccb174d
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 18 deletions.
diff --git a/.slugignore b/.slugignore
@@ -0,0 +1,2 @@
+./react-app
+./.test.env
diff --git a/index.js b/index.js
@@ -65,10 +65,6 @@ app.use(session({
         secret: process.env.SECRET,
         resave: true,
         saveUninitialized: true,
-        sameSite: 'none',
-        overwrite: true,
-        secure: false,
-        maxAge: 1000 * 60 * 60 * 24 * 7
     }));
 }
 

diff --git a/react-app/src/Pages/Question/Question.js b/react-app/src/Pages/Question/Question.js
@@ -63,26 +63,42 @@ function Question() {
     }
 
     function showProblem() {
-        if (loadedv === true) {
-            document.getElementById('question-container').style.display = 'flex';
-        }
+        let interval = setInterval(() => {
+            if (loadedv === true) {
+                document.getElementById('question-container').style.display = 'flex';
+                clearInterval(interval);
+            }
+        }, 100)
     }
+
     function hideProblem() {
-        if (loadedv === true) {
-            document.getElementById('question-container').style.display = 'none';
-        }
+        let interval = setInterval(() => {
+            if (loadedv === true) {
+                document.getElementById('question-container').style.display = 'none';
+                clearInterval(interval);
+            }
+        }, 100);
+
     }
 
     function showSubmission() {
-        if (loadedv === true && document.getElementById('submissions-container') !== null) {
-            document.getElementById('submissions-container').style.display = 'flex';
-        }
+        let interval = setInterval(() => {
+            if (loadedv === true && document.getElementById('submissions-container') !== null) {
+                document.getElementById('submissions-container').style.display = 'flex';
+                clearInterval(interval);
+            }
+
+        }, 100);
+
     }
 
     function hideSubmission() {
-        if (loadedv === true && document.getElementById('submissions-container') !== null) {
-            document.getElementById('submissions-container').style.display = 'none';
-        }
+        let interval = setInterval(() => {
+            if (loadedv === true && document.getElementById('submissions-container') !== null) {
+                document.getElementById('submissions-container').style.display = 'none';
+                clearInterval(interval);
+            }
+        }, 100);
     }
 
     function verifyLogged(redirect) {
@@ -228,14 +244,14 @@ function Question() {
                             <ul className='question-nav-menu'>
                                 <li className='question-nav-item'>
                                     <Link
-                                        to={`/question/${questionid}/Problem`} className='question-nav-links' onClick={()=>{ showProblem(); hideSubmission();}}>
+                                        to={`/question/${questionid}/Problem`} className='question-nav-links' onClick={() => { showProblem(); hideSubmission(); }}>
                                         Problem
                                     </Link>
                                 </li >
                                 {logged ? (
                                     <li className='question-nav-item'>
                                         <Link
-                                            to={`/question/${questionid}/Submissions`} className='question-nav-links' onClick={() => {hideProblem(); showSubmission()}}>
+                                            to={`/question/${questionid}/Submissions`} className='question-nav-links' onClick={() => { hideProblem(); showSubmission() }}>
                                             Submissions
                                         </Link>
                                     </li>