freedive/lib/freedive_web/live/home_live.ex

defmodule FreediveWeb.HomeLive do
  use FreediveWeb, :live_view

  def render(assigns) do
    ~H"""
    <.section>
      <.panel is-info>
        <.panel_heading>Home</.panel_heading>
        <.panel_tabs is-hidden-mobile>
          <a class="is-active">All</a>
          <a>Compute</a>
          <a>Storage</a>
          <a>Network</a>
          <a>System</a>
        </.panel_tabs>
        <.panel_tabs is-hidden-tablet>
          <a class="is-active"><Lucideicons.infinity aria-hidden="true" /></a>
          <a><Lucideicons.binary aria-hidden="true" /></a>
          <a><Lucideicons.hard_drive aria-hidden="true" /></a>
          <a><Lucideicons.earth aria-hidden="true" /></a>
          <a><Lucideicons.bot aria-hidden="true" /></a>
        </.panel_tabs>

        <.panel_block>
          <.control has-icons-left>
            <input
              class="input is-info"
              type="text"
              placeholder="Search"
              name="search"
              value={@query}
            />
            <span class="icon is-left">
              <Lucideicons.search aria-hidden="true" />
            </span>
          </.control>
        </.panel_block>
        <.link patch={~p"/users/settings"} class="panel-block pt-1">
          <span class="panel-icon">
            <Lucideicons.user_cog aria-hidden="true" />
          </span>
          <span class="mt-2 ml-2">Account settings</span>
        </.link>
        <.link patch={~p"/services"} class="panel-block pt-1">
          <span class="panel-icon">
            <Lucideicons.puzzle aria-hidden="true" />
          </span>
          <div class="mt-2 ml-2">System services</div>
        </.link>
        <.link patch={~p"/packages"} class="panel-block pt-1">
          <span class="panel-icon">
            <Lucideicons.package aria-hidden="true" />
          </span>
          <span class="mt-2 ml-2">System packages</span>
        </.link>
        <.link patch={~p"/updates"} class="panel-block pt-1">
          <span class="panel-icon">
            <Lucideicons.hard_drive_download aria-hidden="true" />
          </span>
          <span class="mt-2 ml-2">System software updates</span>
        </.link>
      </.panel>
    </.section>
    """
  end

  def mount(_params, _session, socket) do
    socket = assign(socket, query: "")
    {:ok, socket}
  end
end