From 2d6100bfecc55aa0d8a61608fba93ec60249b984 Mon Sep 17 00:00:00 2001
From: Inhji <johnnie@posteo.de>
Date: Tue, 4 Jul 2023 07:13:57 +0200
Subject: [PATCH] add icons for note pages

---
 .../controllers/note_html/index.html.heex     |  6 +++---
 lib/chiya_web/live/note_show_live.ex          | 20 +++++++++----------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/lib/chiya_web/controllers/note_html/index.html.heex b/lib/chiya_web/controllers/note_html/index.html.heex
index 4647726..b563fa3 100644
--- a/lib/chiya_web/controllers/note_html/index.html.heex
+++ b/lib/chiya_web/controllers/note_html/index.html.heex
@@ -3,15 +3,15 @@
   <:subtitle>Notes are the content, the heart of your site.</:subtitle>
   <:actions>
     <.link href={~p"/admin/notes/new"}>
-      <.button>New Note</.button>
+      <.button><.icon name="hero-plus-small" /> New Note</.button>
     </.link>
     <.link href={~p"/admin/notes/import"}>
-      <.button>Import Note</.button>
+      <.button><.icon name="hero-arrow-down-tray" /> Import Note</.button>
     </.link>
   </:actions>
 </.header>
 
-<section class="flex flex-row flex-wrap mt-4 -mb-6 gap-3">
+<section class="flex flex-row flex-wrap mt-6 -mb-6 gap-3">
   <a
     href={~p"/admin/notes"}
     class="text-sm dark:text-gray-300 rounded-full bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 px-2 py-1 border border-gray-300 dark:border-gray-600 shadow-sm transition"
diff --git a/lib/chiya_web/live/note_show_live.ex b/lib/chiya_web/live/note_show_live.ex
index 420edfa..5fa5650 100644
--- a/lib/chiya_web/live/note_show_live.ex
+++ b/lib/chiya_web/live/note_show_live.ex
@@ -16,26 +16,26 @@ defmodule ChiyaWeb.NoteShowLive do
       <%= @note.name %>
       <:actions>
         <.link href={~p"/admin/notes/#{@note}/edit"}>
-          <.button>Edit</.button>
+          <.button><.icon name="hero-pencil" /> Edit</.button>
         </.link>
         <.link href={~p"/note/#{@note.slug}"}>
-          <.button>Preview</.button>
-        </.link>
-        <.link href={~p"/admin/notes/#{@note}/raw"}>
-          <.button>Raw</.button>
-        </.link>
-        <.link href={~p"/admin/notes/#{@note}"} method="delete" data-confirm="Are you sure?">
-          <.button>Delete</.button>
+          <.button><.icon name="hero-eye" /> Preview</.button>
         </.link>
         <%= if is_nil(@note.published_at) do %>
           <.link href={~p"/admin/notes/#{@note}/publish"}>
-            <.button>Publish</.button>
+            <.button><.icon name="hero-newspaper" /> Publish</.button>
           </.link>
         <% else %>
           <.link href={~p"/admin/notes/#{@note}/unpublish"}>
-            <.button>Un-Publish</.button>
+            <.button><.icon name="hero-newspaper" /> Un-Publish</.button>
           </.link>
         <% end %>
+        <.link href={~p"/admin/notes/#{@note}/raw"}>
+          <.button><.icon name="hero-code-bracket" /> Raw</.button>
+        </.link>
+        <.link href={~p"/admin/notes/#{@note}"} method="delete" data-confirm="Are you sure?">
+          <.button><.icon name="hero-trash" /> Delete</.button>
+        </.link>
       </:actions>
     </.header>