Merge branch 'main' of https://github.com/coding-Studio-vbit/initialize into main

Author: bsaikiran618

src/Components/AllUsers.jsx

@@ -9,43 +9,50 @@ export default function AllUsers() {
     const querySnapshot = await getDocs(collection(db, "users"));
     setUsers(querySnapshot.docs);
   };
+  
 
   useEffect(() => {
     getAllUsers();
   }, []);
 
   return (
-    <div className="p-8" >
-              <span className="text-[1.1rem] text-white" >Total : {users.length}</span>
-
-        <Table>
-          <thead>
-            <tr>
-              <th>Roll Number</th>
-              <th>Name</th>
-              <th>Email</th>
-              <th>Mobile</th>
-              <th>Branch</th>
-
-            </tr>
-          </thead>
-          <tbody>
-            {users.map((user) => {
-              user = user.data();
-              return (
-                <tr key={user.email}>
-                  <td>
-                    <Checkbox label={user.roll} />
-                  </td>
-                  <td>{user.name}</td>
-                  <td>{user.email}</td>
-                  <td>{user.phone}</td>
-                  <td>{user.branch}</td>
-                </tr>
-              );
-            })}
-          </tbody>
-        </Table>
+    <div className="p-8">
+      <span className="text-[1.1rem] text-white">Total : {users.length}</span>
+
+
+      <Table striped highlightOnHover horizontalSpacing={10} className=" !w-screen 	" >
+        <thead>
+          <tr>
+            <th  >Roll Number</th>
+            <th>Name</th>
+            <th>Email / Mobile </th>
+            <th>Department</th>
+            <th  >What fascinates u about programming ?</th>
+            <th  >Any programming experience?</th>
+
+
+          </tr>
+        </thead>
+        <tbody>
+          {users.map((user) => {
+            user = user.data();
+            return (
+              <tr key={user.email}>
+                <td>
+                  <Checkbox label={user.roll} />
+                </td>
+                <td>{user.name}</td>
+                <td>{user.email} --- {user.phone}</td>
+                
+                <td>{user.branch}, {user.section}, {user.year} year</td>
+                <td><p  >{user.q1}</p></td>
+                <td  ><p  >{user.q2}</p></td>
+
+              </tr>
+            );
+          })}
+        </tbody>
+      </Table>
     </div>
   );
 }