From 5dd06ed98a61b8ae552aa95d65b139f202880667 Mon Sep 17 00:00:00 2001
From: Roene Verbeek <85165259+Roene-JustBetter@users.noreply.github.com>
Date: Wed, 11 Dec 2024 10:07:33 +0100
Subject: [PATCH] Rapidez v3 colors and Blade Components + Dutch translations
 (#27)

---
 .github/workflows/translations.yml | 26 ++++++++++++++++++++++++++
 composer.json                      |  2 +-
 lang/nl.json                       | 11 +++++++++++
 resources/js/components/Stars.vue  |  6 +++---
 resources/views/form.blade.php     | 23 ++++++++++++++++-------
 resources/views/reviews.blade.php  |  4 ++--
 6 files changed, 59 insertions(+), 13 deletions(-)
 create mode 100644 .github/workflows/translations.yml
 create mode 100644 lang/nl.json

diff --git a/.github/workflows/translations.yml b/.github/workflows/translations.yml
new file mode 100644
index 0000000..4b112b5
--- /dev/null
+++ b/.github/workflows/translations.yml
@@ -0,0 +1,26 @@
+name: Check translations
+
+on:
+  push:
+    branches:
+      - master
+      - '*.x'
+  pull_request:
+
+jobs:
+  translations:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: '8.3'
+          extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, bcmath, soap, intl, gd, exif, iconv, imagick
+          coverage: none
+      - name: Install dependencies
+        run: composer install --prefer-dist --no-interaction
+      - name: Check translations
+        uses: rapidez/laravel-translation-checker@master
\ No newline at end of file
diff --git a/composer.json b/composer.json
index ee7171d..677179f 100644
--- a/composer.json
+++ b/composer.json
@@ -21,7 +21,7 @@
         "illuminate/database": "^9.0|^10.0|^11.0",
         "illuminate/support": "^9.0|^10.0|^11.0",
         "illuminate/view": "^9.0|^10.0|^11.0",
-        "rapidez/core": "~0.57|^1.0|^2.0|^3.0"
+        "rapidez/core": "^3.0"
     },
     "autoload": {
         "psr-4": {
diff --git a/lang/nl.json b/lang/nl.json
new file mode 100644
index 0000000..8eafbd4
--- /dev/null
+++ b/lang/nl.json
@@ -0,0 +1,11 @@
+{
+    "Add Your Review": "Voeg uw review toe",
+    "Be the first to write a review": "Schrijf de eerste review",
+    "Nickname": "Nickname",
+    "No reviews found": "Geen reviews gevonden",
+    "Rating": "Rating",
+    "Review": "Review",
+    "Submit Review": "Review indienen",
+    "Summary": "Summary",
+    "You submitted your review for moderation.": "Uw review is in behandeling."
+}
\ No newline at end of file
diff --git a/resources/js/components/Stars.vue b/resources/js/components/Stars.vue
index 270cb46..bf7cd66 100644
--- a/resources/js/components/Stars.vue
+++ b/resources/js/components/Stars.vue
@@ -21,17 +21,17 @@
             classStar: {
                 type: String,
                 required: false,
-                default: 'w-4 h-4 fill-current text-neutral'
+                default: 'size-4 fill-current text'
             },
             classStarInactive: {
                 type: String,
                 required: false,
-                default: 'w-4 h-4 fill-current text-gray-400'
+                default: 'size-4 fill-current text-muted'
             },
             classCount: {
                 type: String,
                 required: false,
-                default: 'text-gray-500 text-sm'
+                default: 'text-muted text-sm'
             }
         },
         computed: {
diff --git a/resources/views/form.blade.php b/resources/views/form.blade.php
index dd59ed9..e0626df 100644
--- a/resources/views/form.blade.php
+++ b/resources/views/form.blade.php
@@ -19,7 +19,7 @@
                                         <star-input v-model="variables.ratings[index]" :rating="rating">
                                             <fieldset class="flex items-center" slot-scope="{ rating, isActive, _renderProxy: starInput }">
                                                 <label v-for="ratingValue in rating.values">
-                                                    <x-heroicon-s-star class="w-5 h-5 cursor-pointer" v-bind:class="isActive(ratingValue) ? 'text-neutral' : 'text-gray-400'"/>
+                                                    <x-heroicon-s-star class="size-5 cursor-pointer" v-bind:class="isActive(ratingValue) ? 'text' : 'text-muted'"/>
                                                     <input class="sr-only" type="radio" v-model="starInput.value" :name="'stars' + rating.id" :value="{ id: rating.id, value_id: ratingValue.value_id }" required />
                                                 </label>
                                             </fieldset>
@@ -30,21 +30,30 @@
                                     <x-rapidez::label>@lang('Rating')</x-rapidez::label>
                                     <div class="flex">
                                         @for ($i = 0; $i < 5; $i++)
-                                            <x-heroicon-s-star class="w-5 h-5 cursor-pointer text-gray-400" />
+                                            <x-heroicon-s-star class="size-5 cursor-pointer text-muted" />
                                         @endfor
                                     </div>
                                 </div>
                             </graphql>
                             <div class="space-y-2">
-                                <x-rapidez::input v-model="variables.nickname" name="nickname" required/>
-                                <x-rapidez::input v-model="variables.summary" name="summary" required/>
-                                <x-rapidez::textarea v-model="variables.text" name="review" required/>
+                                <label>
+                                    <x-rapidez::label>@lang('Nickname')</x-rapidez::label>
+                                    <x-rapidez::input v-model="variables.nickname" name="nickname" required/>
+                                </label>
+                                <label>
+                                    <x-rapidez::label>@lang('Summary')</x-rapidez::label>
+                                    <x-rapidez::input v-model="variables.summary" name="summary" required/>
+                                </label>
+                                <label>
+                                    <x-rapidez::label>@lang('Review')</x-rapidez::label>
+                                    <x-rapidez::input.textarea v-model="variables.text" name="review" required/>
+                                </label>
                             </div>
                         </div>
                         <div class="w-full flex items-center mt-2">
-                            <x-rapidez::button type="submit">
+                            <x-rapidez::button.secondary type="submit">
                                 @lang('Submit Review')
-                            </x-rapidez::button>
+                            </x-rapidez::button.secondary>
                             <span v-if="mutated" v-cloak class="ml-3 text-green-500">
                                 @lang('You submitted your review for moderation.')
                             </span>
diff --git a/resources/views/reviews.blade.php b/resources/views/reviews.blade.php
index 84842e3..7b16b80 100644
--- a/resources/views/reviews.blade.php
+++ b/resources/views/reviews.blade.php
@@ -8,7 +8,7 @@
                     <meta itemprop="bestRating" content="100" />
                 </div>
                 <div v-for="review in data.products.items[0].reviews.items" class="w-full p-8 border rounded bg-white" itemprop="review" itemtype="https://schema.org/Review" itemscope>
-                    <div class="flex items-center gap-2 text-inactive" itemprop="author" itemtype="https://schema.org/Person" itemscope>
+                    <div class="flex items-center gap-2 text-muted" itemprop="author" itemtype="https://schema.org/Person" itemscope>
                         <strong itemprop="name">@{{ review.nickname }}</strong>
                         <span class="text-xs">@{{ new Date(review.created_at).toLocaleDateString() }}</span>
                     </div>
@@ -25,7 +25,7 @@
     </lazy>
 @else
     <div class="w-full p-8 mb-4 border rounded bg-white">
-        <div class="flex items-center gap-2 text-inactive">
+        <div class="flex items-center gap-2 text-muted">
             <strong itemprop="name">@lang('No reviews found')</strong>
             <span class="text-xs">
                 @{{ new Date(Date.now()).toLocaleDateString() }}