add delete button

backend/app/coordinator/schemas.py

@@ -51,7 +51,6 @@ class MessageSchema(ma.Schema):
 
 class FileSchema(ma.Schema):
     file = fields.Raw(type='file', required=True)
-    mode = fields.Bool(required=True)
 
 
 class StudentQuerySchema(ma.Schema):

frontend/src/api/students.ts

@@ -39,3 +39,8 @@ export const uploadStudents = (payload: FormData) =>
     'http://127.0.0.1:5000/api/coordinator/students/upload/',
     payload,
   )
+
+export const deleteStudent = (payload: Number) =>
+  axiosInstance.delete(
+    'http://127.0.0.1:5000/api/coordinator/students/'+payload.toString()+'/',
+  )

frontend/src/views/coordinator/Students.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import { useMutation, useQuery } from 'react-query'
 import { useNavigate } from 'react-router-dom'
-import { getStudents, uploadStudents } from '../../api/students'
+import { getStudents, uploadStudents, deleteStudent } from '../../api/students'
 import classNames from 'classnames'
 
 const Students = () => {
@@ -123,6 +123,7 @@ const Students = () => {
                   <th>Indeks</th>
                   <th>Zapisany</th>
                   <th>Tryb</th>
+                  <th></th>
                 </tr>
               </thead>
               <tbody className="divide-y divide-gray-100">
@@ -135,6 +136,7 @@ const Students = () => {
                       <td>{index}</td>
                       <td>{group === null ? 'Nie' : 'Tak'}</td>
                       <td>{mode ? 'stacjonarny' : 'niestacjonarny'}</td>
+                      <td><button onClick={() => deleteStudent(index).then(() => refetchStudents())}>X</button></td>
                     </tr>
                   ))}
               </tbody>