fix: The client and server send the ILevel type differently

backend/src/main.ts

@@ -52,11 +52,17 @@ const assert = require('assert');
     app.use("/api/user", UserRouter);
     app.get("/api/levels", async (req, res) => {
         // TODO: if (levels)
-        const levels = (await db.collection("levels").find()
+        const levels = (await db.collection("levels").find({}, {
+            // The order in which we send the levels is important, so better
+            // sort them
+            sort: {
+                level: 1,
+            },
+        })
             .toArray())
             .map((el) => {
                 let tmp = Object.assign({}, el);
-                delete tmp.queue;
+                delete tmp.vocab;
                 delete tmp._id;
 
                 return tmp;

frontend/src/models/level.ts

@@ -1,6 +1,6 @@
 export interface ILevel {
     name: string;
-    desc: string;
+    description: string;
     level: number;
 
     done: boolean;

frontend/src/pages/dashboard.tsx

@@ -74,7 +74,7 @@ export default class Dashboard extends React.Component<IProps> {
                             <Typography variant="title" component="p">{level.name}</Typography>
                             <br />
                             <Typography component="p">
-                                {level.desc}
+                                {level.description}
                             </Typography>
                             <Button
                                 component={Link}

frontend/src/pages/levelList.tsx

@@ -68,7 +68,7 @@ export default class Dashboard extends React.Component<IProps> {
                         <Typography variant="title" component="p">{level.name}</Typography>
                         <br />
                         <Typography component="p">
-                            {level.desc}
+                            {level.description}
                         </Typography>
                     </CardContent>
                     <CardActions>