chore: upgrade heroicons references

Update icons naming due to upgrade of heroicons to v2.
This commit is contained in:
Joao P Dubas 2023-11-20 13:07:53 +00:00
parent c397a7ab46
commit c9b918d499
5 changed files with 12 additions and 12 deletions

View file

@ -90,7 +90,7 @@ defmodule LiveBeatsWeb.CoreComponents do
type="button" type="button"
class="inline-flex bg-red-50 rounded-md p-1.5 text-red-500 hover:bg-red-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-red-50 focus:ring-red-600" class="inline-flex bg-red-50 rounded-md p-1.5 text-red-500 hover:bg-red-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-red-50 focus:ring-red-600"
> >
<.icon name={:x} class="w-4 h-4" /> <.icon name={:x_mark} class="w-4 h-4" />
</button> </button>
</div> </div>
</div> </div>
@ -116,7 +116,7 @@ defmodule LiveBeatsWeb.CoreComponents do
type="button" type="button"
class="inline-flex bg-green-50 rounded-md p-1.5 text-green-500 hover:bg-green-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-green-50 focus:ring-green-600" class="inline-flex bg-green-50 rounded-md p-1.5 text-green-500 hover:bg-green-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-green-50 focus:ring-green-600"
> >
<.icon name={:x} class="w-4 h-4" /> <.icon name={:x_mark} class="w-4 h-4" />
</button> </button>
</div> </div>
</div> </div>

View file

@ -45,7 +45,7 @@ defmodule LiveBeatsWeb.Layouts do
aria-current={if @active_tab == :profile, do: "true", else: "false"} aria-current={if @active_tab == :profile, do: "true", else: "false"}
> >
<.icon <.icon
name={:music_note} name={:musical_note}
outlined outlined
class="text-gray-400 group-hover:text-gray-500 mr-3 flex-shrink-0 h-6 w-6" class="text-gray-400 group-hover:text-gray-500 mr-3 flex-shrink-0 h-6 w-6"
/> My Songs /> My Songs
@ -59,7 +59,7 @@ defmodule LiveBeatsWeb.Layouts do
aria-current={if @active_tab == :settings, do: "true", else: "false"} aria-current={if @active_tab == :settings, do: "true", else: "false"}
> >
<.icon <.icon
name={:adjustments} name={:adjustments_vertical}
outlined outlined
class="text-gray-400 group-hover:text-gray-500 mr-3 flex-shrink-0 h-6 w-6" class="text-gray-400 group-hover:text-gray-500 mr-3 flex-shrink-0 h-6 w-6"
/> Settings /> Settings

View file

@ -42,7 +42,7 @@
<div class="flex-shrink-0 flex items-center px-4"> <div class="flex-shrink-0 flex items-center px-4">
<.link navigate={home_path(@current_user)}> <.link navigate={home_path(@current_user)}>
<.icon name={:status_online} class="w-8 h-8 text-purple-600 -mt-2 inline-block" outlined /> <.icon name={:signal} class="w-8 h-8 text-purple-600 -mt-2 inline-block" outlined />
<span class="h-8 w-auto text-2xl ml-1 font-bold"> <span class="h-8 w-auto text-2xl ml-1 font-bold">
LiveBeats LiveBeats
</span> </span>
@ -71,7 +71,7 @@
<div class="flex flex-col w-64 border-r border-gray-200 pt-5 pb-4 bg-gray-100"> <div class="flex flex-col w-64 border-r border-gray-200 pt-5 pb-4 bg-gray-100">
<div class="flex items-center flex-shrink-0 px-6"> <div class="flex items-center flex-shrink-0 px-6">
<.link navigate={home_path(@current_user)}> <.link navigate={home_path(@current_user)}>
<.icon name={:status_online} class="w-8 h-8 text-purple-600 -mt-2 inline-block" outlined /> <.icon name={:signal} class="w-8 h-8 text-purple-600 -mt-2 inline-block" outlined />
<span class="h-8 w-auto text-2xl ml-1 font-bold"> <span class="h-8 w-auto text-2xl ml-1 font-bold">
LiveBeats LiveBeats
</span> </span>

View file

@ -19,7 +19,7 @@ defmodule LiveBeatsWeb.ProfileLive do
<%= ngettext("%{count} song", "%{count} songs", @songs_count) %> <%= ngettext("%{count} song", "%{count} songs", @songs_count) %>
</div> </div>
<.link href={@profile.external_homepage_url} target="_blank" class="text-sm text-gray-600"> <.link href={@profile.external_homepage_url} target="_blank" class="text-sm text-gray-600">
<.icon name={:code} /> <span class=""><%= url_text(@profile.external_homepage_url) %></span> <.icon name={:code_bracket} /> <span class=""><%= url_text(@profile.external_homepage_url) %></span>
</.link> </.link>
</div> </div>
<:actions> <:actions>
@ -48,7 +48,7 @@ defmodule LiveBeatsWeb.ProfileLive do
<% end %> <% end %>
<%= if @owns_profile? do %> <%= if @owns_profile? do %>
<.button id="upload-btn" primary patch={profile_upload_path(@current_user)}> <.button id="upload-btn" primary patch={profile_upload_path(@current_user)}>
<.icon name={:upload} /><span class="ml-2">Upload Songs</span> <.icon name={:arrow_up_tray} /><span class="ml-2">Upload Songs</span>
</.button> </.button>
<% end %> <% end %>
</:actions> </:actions>
@ -95,11 +95,11 @@ defmodule LiveBeatsWeb.ProfileLive do
> >
<span :if={song.status == :playing} class="flex pt-1 relative mr-2 w-4"> <span :if={song.status == :playing} class="flex pt-1 relative mr-2 w-4">
<span class="w-3 h-3 animate-ping bg-purple-400 rounded-full absolute"></span> <span class="w-3 h-3 animate-ping bg-purple-400 rounded-full absolute"></span>
<.icon name={:volume_up} class="h-5 w-5 -mt-1 -ml-1" aria-label="Playing" role="button" /> <.icon name={:speaker_wave} class="h-5 w-5 -mt-1 -ml-1" aria-label="Playing" role="button" />
</span> </span>
<span :if={song.status == :paused} class="flex pt-1 relative mr-2 w-4"> <span :if={song.status == :paused} class="flex pt-1 relative mr-2 w-4">
<.icon <.icon
name={:volume_up} name={:speaker_wave}
class="h-5 w-5 -mt-1 -ml-1 text-gray-400" class="h-5 w-5 -mt-1 -ml-1 text-gray-400"
aria-label="Paused" aria-label="Paused"
role="button" role="button"

View file

@ -21,7 +21,7 @@ defmodule LiveBeatsWeb.ProfileLive.SongRowComponent do
<span class="flex pt-1 relative mr-2 w-4"> <span class="flex pt-1 relative mr-2 w-4">
<span class="w-3 h-3 animate-ping bg-purple-400 rounded-full absolute"></span> <span class="w-3 h-3 animate-ping bg-purple-400 rounded-full absolute"></span>
<.icon <.icon
name={:volume_up} name={:speaker_wave}
class="h-5 w-5 -mt-1 -ml-1" class="h-5 w-5 -mt-1 -ml-1"
aria-label="Playing" aria-label="Playing"
role="button" role="button"
@ -31,7 +31,7 @@ defmodule LiveBeatsWeb.ProfileLive.SongRowComponent do
<%= if @status == :paused do %> <%= if @status == :paused do %>
<span class="flex pt-1 relative mr-2 w-4"> <span class="flex pt-1 relative mr-2 w-4">
<.icon <.icon
name={:volume_up} name={:speaker_wave}
class="h-5 w-5 -mt-1 -ml-1 text-gray-400" class="h-5 w-5 -mt-1 -ml-1 text-gray-400"
aria-label="Paused" aria-label="Paused"
role="button" role="button"