Merge pull request #3 from mansoorkhan96/feat/improve-ui

Feat/Improve UI

README.md

@@ -7,7 +7,7 @@
 
 A Filament plugin and a wrapper around [Laravel Versionable](https://github.com/overtrue/laravel-versionable) to create versions Laravel Models. When ever you save a model, it would store the specified `$versionable` fields to the Database and then you can revert to any target model state any time.
 
-![](./image.jpg)
+![](./screenshot.png)
 
 ## Installation
 

composer.json

@@ -23,7 +23,7 @@
         "filament/filament": "^3.0",
         "spatie/laravel-package-tools": "^1.15.0",
         "illuminate/contracts": "^10.0",
-        "overtrue/laravel-versionable": "^5.0"
+        "overtrue/laravel-versionable": "^5.1"
     },
     "require-dev": {
         "laravel/pint": "^1.0",

package.json

@@ -8,11 +8,13 @@
     },
     "devDependencies": {
         "@awcodes/filament-plugin-purge": "^1.1.1",
+        "@tailwindcss/forms": "^0.5.4",
+        "@tailwindcss/typography": "^0.5.9",
         "autoprefixer": "^10.4.14",
         "postcss": "^8.4.26",
         "postcss-import": "^15.1.0",
         "prettier": "^2.7.1",
         "prettier-plugin-tailwindcss": "^0.1.13",
-        "tailwindcss": "^3.3.3"
+        "tailwindcss": "^3.4.1"
     }
 }

resources/lang/en/actions.php

@@ -6,7 +6,7 @@
     'restore_version' => 'Restore This Revision',
     'restore' => [
         'label' => 'Restore This Revision',
-        'modal_description' => 'Are you sure you\'d like to revert to this revision?',
+        'modal_description' => 'Are you sure you\'d like to restore this version?',
         'modal_submit_action_label' => 'Yes, restore it',
     ],
     'revisions' => 'Revisions',

resources/views/components/diff-stats.blade.php

@@ -0,0 +1,28 @@
+@props(['diffStats'])
+
+<div {{ $attributes->merge(['class' => 'flex items-center gap-x-2']) }}>
+    <div class="flex items-center gap-x-1">
+        <x-filament::icon-button
+            icon="heroicon-m-plus-circle"
+            tag="a"
+            label="Insertions"
+        />
+
+        <span class="text-sm font-semibold">
+            {{ Arr::get($diffStats, 'inserted') }}
+        </span>
+    </div>
+
+    <div class="flex items-center gap-x-1">
+        <x-filament::icon-button
+            icon="heroicon-m-minus-circle"
+            tag="a"
+            color="danger"
+            label="Deletions"
+        />
+
+        <span class="text-sm font-semibold">
+            {{ Arr::get($diffStats, 'deleted') }}
+        </span>
+    </div>
+</div>