Merge pull request #151 from karlomikus/develop

Add loader to rating

CHANGELOG.md

@@ -1,3 +1,7 @@
+# v2.6.1
+## Fixes
+- Added missing loader on rating
+
 # v2.6.0
 ## New
 - Bar Assistant now has a new cloud offering and homepage: [barassistant.app](https://barassistant.app)

src/components/OverlayLoader.vue

@@ -1,13 +1,25 @@
-<script setup>
-import SaltRimSpinner from './SaltRimSpinner.vue'
-</script>
-
 <template>
     <div class="overlay-loader">
-        <SaltRimSpinner :size="50" />
+        <SaltRimSpinner :size="size" />
     </div>
 </template>
 
+<script>
+import SaltRimSpinner from './SaltRimSpinner.vue'
+
+export default {
+    components: {
+        SaltRimSpinner,
+    },
+    props: {
+        size: {
+            type: Number,
+            default: 50
+        }
+    }
+}
+</script>
+
 <style scope>
 .overlay-loader {
     --ol-clr-bg: rgba(255, 255, 255, 0.7);

src/components/RatingActions.vue

@@ -1,11 +1,13 @@
 <template>
     <div class="rating">
+        <OverlayLoader v-if="isLoading" :size="25" />
         <a v-for="val in max" :key="val" href="#" :class="{'is-rated': val <= currentRating}" @click.prevent="rate(val)"></a>
     </div>
 </template>
 
 <script>
 import ApiRequests from './../ApiRequests.js'
+import OverlayLoader from './OverlayLoader.vue'
 
 export default {
     props: {
@@ -22,6 +24,9 @@ export default {
             default: 'cocktail'
         }
     },
+    components: {
+        OverlayLoader,
+    },
     data() {
         return {
             isLoading: false,