From 5c0ea0f88f25eb23a90e5e0204956952ad78b37f Mon Sep 17 00:00:00 2001
From: KKlochko <KKlochko@protonmail.com>
Date: Sat, 12 Apr 2025 21:51:34 +0300
Subject: [PATCH] Update LiveViews and component to check if user can moderate.

---
 .../components/my_components/author_card.ex   | 51 ++++++++++---------
 .../components/my_components/author_search.ex | 21 +++++---
 .../components/my_components/book_card.ex     | 51 ++++++++++---------
 .../components/my_components/book_search.ex   | 22 +++++---
 .../live/author_live/index.ex                 |  6 ++-
 .../live/author_live/show.ex                  | 14 +++--
 .../live/book_live/index.ex                   |  6 ++-
 .../live/book_live/show.ex                    | 13 +++--
 8 files changed, 110 insertions(+), 74 deletions(-)

diff --git a/lib/decentralised_book_index_web/components/my_components/author_card.ex b/lib/decentralised_book_index_web/components/my_components/author_card.ex
index 0142273..dbc3b50 100644
--- a/lib/decentralised_book_index_web/components/my_components/author_card.ex
+++ b/lib/decentralised_book_index_web/components/my_components/author_card.ex
@@ -2,35 +2,40 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.AuthorCard do
   use Phoenix.Component
   use DecentralisedBookIndexWeb, :verified_routes
 
+  alias DecentralisedBookIndex.Accounts.Role
+
   attr(:author, :map, required: true)
+  attr :current_user, :map, default: nil
 
   def author_card(assigns) do
     ~H"""
     <div class="w-full max-w-sm bg-white border border-gray-200 rounded-lg shadow-sm dark:bg-gray-800 dark:border-gray-700 mx-auto my-3">
-        <div class="flex justify-end px-4 pt-4">
-            <button id={"dropdownButton#{@author.id}"} data-dropdown-toggle={"dropdown#{@author.id}"} class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-1.5" type="button">
-                <span class="sr-only">Open dropdown</span>
-                <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 3">
-                    <path d="M2 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm6.041 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM14 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/>
-                </svg>
-            </button>
-            <!-- Dropdown menu -->
-            <div id={"dropdown#{@author.id}"} class="z-10 hidden text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow-sm w-44 dark:bg-gray-700">
-                <ul class="py-2" aria-labelledby="dropdownButton">
-                    <li>
-                        <.link navigate={~p"/authors/#{@author.id}/edit"}
-                               class="flex items-center block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white"
-                        >
-                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 -ml-0.5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                                <path d="M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z"></path>
-                                <path fill-rule="evenodd" d="M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z" clip-rule="evenodd"></path>
-                            </svg>
-                            Edit
-                        </.link>
-                    </li>
-                </ul>
+        <%= if @current_user != nil and Role.can_moderate?(@current_user.role) do %>
+            <div class="flex justify-end px-4 pt-4">
+                <button id={"dropdownButton#{@author.id}"} data-dropdown-toggle={"dropdown#{@author.id}"} class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-1.5" type="button">
+                    <span class="sr-only">Open dropdown</span>
+                    <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 3">
+                        <path d="M2 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm6.041 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM14 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/>
+                    </svg>
+                </button>
+                <!-- Dropdown menu -->
+                <div id={"dropdown#{@author.id}"} class="z-10 hidden text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow-sm w-44 dark:bg-gray-700">
+                    <ul class="py-2" aria-labelledby="dropdownButton">
+                        <li>
+                            <.link navigate={~p"/authors/#{@author.id}/edit"}
+                                   class="flex items-center block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white"
+                            >
+                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 -ml-0.5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                                    <path d="M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z"></path>
+                                    <path fill-rule="evenodd" d="M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z" clip-rule="evenodd"></path>
+                                </svg>
+                                Edit
+                            </.link>
+                        </li>
+                    </ul>
+                </div>
             </div>
-        </div>
+        <% end %>
         <div class="flex flex-col items-center py-5 text-center">
             <.link navigate={~p"/authors/#{@author.id}"}>
                 <%= if @author.avatar_url != nil do %>
diff --git a/lib/decentralised_book_index_web/components/my_components/author_search.ex b/lib/decentralised_book_index_web/components/my_components/author_search.ex
index 40b6ebc..02a0af8 100644
--- a/lib/decentralised_book_index_web/components/my_components/author_search.ex
+++ b/lib/decentralised_book_index_web/components/my_components/author_search.ex
@@ -2,9 +2,12 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.AuthorSearch do
   use Phoenix.Component
   use DecentralisedBookIndexWeb, :verified_routes
 
+  alias DecentralisedBookIndex.Accounts.Role
+
   attr :search_query, :string, default: ""
   attr :select_options, :list, required: true
   attr :selected_option, :string, required: true
+  attr :current_user, :map, default: nil
 
   def author_search(assigns) do
     ~H"""
@@ -24,14 +27,16 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.AuthorSearch do
           </form>
         </div>
         <div class="flex flex-col items-stretch justify-end flex-shrink-0 w-full space-y-2 md:w-auto md:flex-row md:space-y-0 md:items-center md:space-x-3">
-          <.link patch={~p"/authors/new"}>
-            <button type="button" class="flex items-center justify-center px-4 py-2 text-sm font-medium text-black dark:text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800">
-              <svg class="h-3.5 w-3.5 mr-2" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-                <path clip-rule="evenodd" fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" />
-              </svg>
-              Add author
-            </button>
-          </.link>
+          <%= if @current_user != nil and Role.can_moderate?(@current_user.role) do %>
+            <.link patch={~p"/authors/new"}>
+              <button type="button" class="flex items-center justify-center px-4 py-2 text-sm font-medium text-black dark:text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800">
+                <svg class="h-3.5 w-3.5 mr-2" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+                  <path clip-rule="evenodd" fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" />
+                </svg>
+                Add author
+              </button>
+            </.link>
+          <% end %>
           <div class="flex items-center w-full space-x-3 md:w-auto">
             <form phx-change="change-sort">
             <select name="sort_by" id="countries" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
diff --git a/lib/decentralised_book_index_web/components/my_components/book_card.ex b/lib/decentralised_book_index_web/components/my_components/book_card.ex
index ff73bb5..7283fa6 100644
--- a/lib/decentralised_book_index_web/components/my_components/book_card.ex
+++ b/lib/decentralised_book_index_web/components/my_components/book_card.ex
@@ -2,35 +2,40 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.BookCard do
   use Phoenix.Component
   use DecentralisedBookIndexWeb, :verified_routes
 
+  alias DecentralisedBookIndex.Accounts.Role
+
   attr(:book, :map, required: true)
+  attr :current_user, :map, default: nil
 
   def book_card(assigns) do
     ~H"""
     <div class="w-full max-w-sm bg-white border border-gray-200 rounded-lg shadow-sm dark:bg-gray-800 dark:border-gray-700 mx-auto my-3">
-        <div class="flex justify-end px-4 pt-4">
-            <button id={"dropdownButton#{@book.id}"} data-dropdown-toggle={"dropdown#{@book.id}"} class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-1.5" type="button">
-                <span class="sr-only">Open dropdown</span>
-                <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 3">
-                    <path d="M2 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm6.041 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM14 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/>
-                </svg>
-            </button>
-            <!-- Dropdown menu -->
-            <div id={"dropdown#{@book.id}"} class="z-10 hidden text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow-sm w-44 dark:bg-gray-700">
-                <ul class="py-2" aria-labelledby="dropdownButton">
-                    <li>
-                        <.link navigate={~p"/books/#{@book.id}/edit"}
-                               class="flex items-center block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white"
-                        >
-                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 -ml-0.5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                                <path d="M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z"></path>
-                                <path fill-rule="evenodd" d="M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z" clip-rule="evenodd"></path>
-                            </svg>
-                            Edit
-                        </.link>
-                    </li>
-                </ul>
+        <%= if @current_user != nil and Role.can_moderate?(@current_user.role) do %>
+            <div class="flex justify-end px-4 pt-4">
+                <button id={"dropdownButton#{@book.id}"} data-dropdown-toggle={"dropdown#{@book.id}"} class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-1.5" type="button">
+                    <span class="sr-only">Open dropdown</span>
+                    <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 3">
+                        <path d="M2 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm6.041 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM14 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/>
+                    </svg>
+                </button>
+                <!-- Dropdown menu -->
+                <div id={"dropdown#{@book.id}"} class="z-10 hidden text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow-sm w-44 dark:bg-gray-700">
+                    <ul class="py-2" aria-labelledby="dropdownButton">
+                        <li>
+                            <.link navigate={~p"/books/#{@book.id}/edit"}
+                                   class="flex items-center block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white"
+                            >
+                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 -ml-0.5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                                    <path d="M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z"></path>
+                                    <path fill-rule="evenodd" d="M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z" clip-rule="evenodd"></path>
+                                </svg>
+                                Edit
+                            </.link>
+                        </li>
+                    </ul>
+                </div>
             </div>
-        </div>
+        <% end %>
         <div class="flex flex-col items-center py-5 text-center">
             <.link navigate={~p"/books/#{@book.id}"}>
                 <%= if @book.cover_image_url != nil do %>
diff --git a/lib/decentralised_book_index_web/components/my_components/book_search.ex b/lib/decentralised_book_index_web/components/my_components/book_search.ex
index e80a158..e27d09f 100644
--- a/lib/decentralised_book_index_web/components/my_components/book_search.ex
+++ b/lib/decentralised_book_index_web/components/my_components/book_search.ex
@@ -2,12 +2,16 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.BookSearch do
   use Phoenix.Component
   use DecentralisedBookIndexWeb, :verified_routes
 
+  alias DecentralisedBookIndex.Accounts.Role
+
   attr :search_query, :string, default: ""
   attr :search_mode, :string, default: "title"
   attr :search_mode_options, :list, required: true
   attr :select_options, :list, required: true
   attr :selected_option, :string, required: true
 
+  attr :current_user, :map, default: nil
+
   def book_search(assigns) do
     ~H"""
     <div class="relative bg-white shadow-md dark:bg-gray-800 sm:rounded-lg">
@@ -26,14 +30,16 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.BookSearch do
           </form>
         </div>
         <div class="flex flex-col items-stretch justify-end flex-shrink-0 w-full space-y-2 md:w-auto md:flex-row md:space-y-0 md:items-center md:space-x-3">
-          <.link patch={~p"/books/new"}>
-            <button type="button" class="flex items-center justify-center px-4 py-2 text-sm font-medium text-black dark:text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800">
-              <svg class="h-3.5 w-3.5 mr-2" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-                <path clip-rule="evenodd" fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" />
-              </svg>
-              Add book
-            </button>
-          </.link>
+          <%= if @current_user != nil and Role.can_moderate?(@current_user.role) do %>
+            <.link patch={~p"/books/new"}>
+              <button type="button" class="flex items-center justify-center px-4 py-2 text-sm font-medium text-black dark:text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800">
+                <svg class="h-3.5 w-3.5 mr-2" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+                  <path clip-rule="evenodd" fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" />
+                </svg>
+                Add book
+              </button>
+            </.link>
+          <% end %>
 	        <.dropdown_settings
             search_mode={@search_mode}
             search_mode_options={@search_mode_options}
diff --git a/lib/decentralised_book_index_web/live/author_live/index.ex b/lib/decentralised_book_index_web/live/author_live/index.ex
index f3bc94c..442dad4 100644
--- a/lib/decentralised_book_index_web/live/author_live/index.ex
+++ b/lib/decentralised_book_index_web/live/author_live/index.ex
@@ -14,6 +14,7 @@ defmodule DecentralisedBookIndexWeb.AuthorLive.Index do
       search_query={@search_query}
       select_options={@select_options}
       selected_option={@sort_by}
+      current_user={@current_user}
     />
 
     <.table
@@ -58,7 +59,10 @@ defmodule DecentralisedBookIndexWeb.AuthorLive.Index do
     <% else %>
       <div class="flex flex-wrap flex-[3_1_auto]">
         <%= for author <- @page.results do %>
-          <.author_card author={author} />
+          <.author_card
+            author={author}
+            current_user={@current_user}
+          />
         <% end %>
       </div>
 
diff --git a/lib/decentralised_book_index_web/live/author_live/show.ex b/lib/decentralised_book_index_web/live/author_live/show.ex
index 6d06f14..a84abda 100644
--- a/lib/decentralised_book_index_web/live/author_live/show.ex
+++ b/lib/decentralised_book_index_web/live/author_live/show.ex
@@ -1,6 +1,8 @@
 defmodule DecentralisedBookIndexWeb.AuthorLive.Show do
   use DecentralisedBookIndexWeb, :live_view
 
+  alias DecentralisedBookIndex.Accounts.Role
+
   @impl true
   def render(assigns) do
     ~H"""
@@ -8,11 +10,13 @@ defmodule DecentralisedBookIndexWeb.AuthorLive.Show do
       {@author.name}
 
       <:actions>
-        <.link navigate={~p"/authors/#{@author}/edit"}>
-          <.edit_button>
-            Edit
-          </.edit_button>
-        </.link>
+        <%= if @current_user != nil and Role.can_moderate?(@current_user.role) do %>
+          <.link navigate={~p"/authors/#{@author}/edit"}>
+            <.edit_button>
+              Edit
+            </.edit_button>
+          </.link>
+        <% end %>
       </:actions>
     </.header>
 
diff --git a/lib/decentralised_book_index_web/live/book_live/index.ex b/lib/decentralised_book_index_web/live/book_live/index.ex
index 2a9f102..5bcdfa8 100644
--- a/lib/decentralised_book_index_web/live/book_live/index.ex
+++ b/lib/decentralised_book_index_web/live/book_live/index.ex
@@ -16,6 +16,7 @@ defmodule DecentralisedBookIndexWeb.BookLive.Index do
       search_mode_options={@search_mode_options}
       select_options={@select_options}
       selected_option={@sort_by}
+      current_user={@current_user}
     />
 
     <.table
@@ -68,7 +69,10 @@ defmodule DecentralisedBookIndexWeb.BookLive.Index do
     <% else %>
       <div class="flex flex-wrap flex-[3_1_auto]">
         <%= for book <- @page.results do %>
-          <.book_card book={book} />
+          <.book_card
+            book={book}
+            current_user={@current_user}
+          />
         <% end %>
       </div>
 
diff --git a/lib/decentralised_book_index_web/live/book_live/show.ex b/lib/decentralised_book_index_web/live/book_live/show.ex
index 1fedbf0..dd35ad1 100644
--- a/lib/decentralised_book_index_web/live/book_live/show.ex
+++ b/lib/decentralised_book_index_web/live/book_live/show.ex
@@ -2,6 +2,7 @@ defmodule DecentralisedBookIndexWeb.BookLive.Show do
   use DecentralisedBookIndexWeb, :live_view
 
   alias DecentralisedBookIndex.Metadata
+  alias DecentralisedBookIndex.Accounts.Role
 
   @impl true
   def render(assigns) do
@@ -11,11 +12,13 @@ defmodule DecentralisedBookIndexWeb.BookLive.Show do
       <:subtitle>{@authors_string}</:subtitle>
 
       <:actions>
-        <.link patch={~p"/books/#{@book}/edit"}>
-          <.edit_button>
-            Edit
-          </.edit_button>
-        </.link>
+        <%= if @current_user != nil and Role.can_moderate?(@current_user.role) do %>
+          <.link patch={~p"/books/#{@book}/edit"}>
+            <.edit_button>
+              Edit
+            </.edit_button>
+          </.link>
+        <% end %>
       </:actions>
     </.header>