Switched getting files with axios request to the api platform.

templates/book/index.html.twig

@@ -19,6 +19,7 @@
             <th></th>
             <th>Title</th>
             <th>Description</th>
+            <th>Rating</th>
             <th>Publisher</th>
             <th>Publish date</th>
             <th>actions</th>
@@ -38,6 +39,7 @@
                 <td><a href="{{ path('app_book_show', {'id': book.id}) }}"
                        class="text-decoration-none">{{ book.title }}</a></td>
                 <td>{{ book.description | slice(0, 200) }}</td>
+                <td>{% if book.rating %}{% for i in range(1, book.rating) %}⭐{% endfor %}{% endif %}</td>
                 <td>{{ book.publisher }}</td>
                 <td>{{ book.publishDate ? book.publishDate|date('Y-m-d') : '' }}</td>
                 <td>

templates/book/show.html.twig

@@ -20,7 +20,7 @@
                 <h1>{{ book.title }}</h1>
                 <h3>{{ book.subtitle }}</h3>
                 <p>{{ book.author }}</p>
-                <p>{% for i in range(1, book.rating) %}⭐{% endfor %}</p>
+                <p>{% if book.rating %}{% for i in range(1, book.rating) %}⭐{% endfor %}{% endif %}</p>
             </div>
         </div>