Fix Delete Bug

Bug: The selected item was not being deleted, or a different item was deleted.

Fix:
- Map Question to correct unique index
- Update how index is calculated

Author: Jai2501

peer-prep/src/App.js

@@ -1,13 +1,13 @@
 import './App.css';
-//import { LoginSignUp } from './Components/LoginSignUp/LoginSignUp';
+// import { LoginSignUp } from './Components/LoginSignUp/LoginSignUp';
 import { Navbar } from './Components/Navbar/Navbar';
 import { Questions } from './Components/QuestionList/QuestionList';
 
 function App() {
   return (
     <div>
       <Navbar/>
-      {/*<LoginSignUp/>*/}
+      {/* <LoginSignUp/> */}
       <Questions/>
 
     </div>

peer-prep/src/Components/QuestionList/QuestionList.jsx

@@ -47,28 +47,27 @@ export const Questions = () => {
   }
 
   const updateLocalDatabase = () => {
-    // Updating Database in Local Storageß
+    // Updating Database in Local Storage
     updateLocalQuestionDatabase(database);
   }
 
   const updateStates = () => {
     // Update States
     setQs(Array.from(database.database));
-    setQId(Array.from(database.database).length);
+    setQId(Array.from(database.database).length == 0 ? 0 : Array.from(database.database).sort((a, b) => a[0] < b[0]).slice(-1)[0][0]);
   }
 
   // To load data on mount
   useEffect(() => {
-    setQs(Array.from(database.database));
-    setQId(Array.from(database.database).length);
+    updateStates();
   }, [])
 
   return (
 
     <div className="q-wrapper">
       <div className="accordion">
         {qs.map((q, i) => (
-          <Question key = {q[0]} question = {q[1]} i = {i} deleteQuestion = {deleteQuestion} updateQuestion = {updateQuestion}/>
+          <Question key = {q[0]} question = {q[1]} i = {q[0]} deleteQuestion = {deleteQuestion} updateQuestion = {updateQuestion}/>
         ))}
       </div>