WIP: Add a review button on book form

front/src/BookForm.vue

@@ -3,7 +3,6 @@ import { ref, computed } from 'vue'
 import {
   getBook,
   getImagePathOrDefault,
-  putReadBook,
   putWantReadBook,
   putRateBook,
   putStartReadDate,
@@ -15,6 +14,7 @@ import {
 import { useRouter, onBeforeRouteUpdate } from 'vue-router'
 import { VRating } from 'vuetify/components/VRating'
 import BookFormIcons from './BookFormIcons.vue'
+import ReviewModal from './ReviewModal.vue'
 
 const router = useRouter()
 const props = defineProps({
@@ -109,8 +109,9 @@ function goToAuthor() {
         :model-value="data.rating / 2"
         @update:modelValue="onRatingUpdate"
         active-color="bulma-body-color"
-        class="centered"
+        class="centered mt-2"
       />
+      <ReviewModal button-parent-class="centered mt-3" />
     </div>
     <div class="column">
       <h3 class="title">{{ data.title }}</h3>
@@ -141,12 +142,6 @@ img {
   width: auto;
 }
 
-.centered {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
 @media (min-width: 1024px) {
   .left-panel {
     margin-left: 3rem;