Feature: Add back buttton to Question.jsx to resolve AOSSIE-Org#161

ts-31 · Jan 21, 2025 · 8ef58f4 · 8ef58f4
1 parent 00409cb
commit 8ef58f4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/extension/src/assets/leftArrow.png b/extension/src/assets/leftArrow.png
diff --git a/extension/src/pages/question/Question.jsx b/extension/src/pages/question/Question.jsx
@@ -3,6 +3,7 @@ import ReactDOM from "react-dom";
 import { PDFDocument } from 'pdf-lib';
 import "../../index.css";
 import logo from "../../assets/aossie_logo.webp";
+import arrow from "../../assets/leftArrow.png";
 
 function Question() {
   const [qaPairs, setQaPairs] = useState([]);
@@ -220,7 +221,14 @@ function Question() {
               </span>
             </div>
           </div>
-          <div className="font-bold text-xl text-white mt-3 mx-2">
+          <div className="ml-2 rounded-2xl mr-4">
+              <a href="/src/popup/popup.html">
+                <button className="bg-black items-center text-base flex justify-center gap-2 text-white p-2 border-gradient hover:wave-effect">
+                  <img src={arrow} width={20} height={18} alt="" />
+                </button>
+              </a>
+          </div>
+          <div className="font-bold text-xl text-white mt-2 mx-2">
             Generated Questions
           </div>
           <div className="flex-1 overflow-y-auto scrollbar-hide">