mirror of
https://github.com/livebook-dev/livebook.git
synced 2025-02-21 21:36:17 +08:00
c1654345b7
* Update phoenix deps
* Update reference to LiveDashboard encode_pid
* Fix form input id references
* Move to HEEx
* Update back to filesystem LV npm package
* Further HEEx rewrites
* Refactor icons into function components
* .html.leex -> .html.heex
* Further refactoring
* Move render helpers into function components
* Add doctype back
* Further refactoring
* Refactor cell component
* Further refactoring
* Compose sidebar using function components
* Rewrite notebook card component as function component
* Fruther refactoring
* Fix race condition in runtime tests
* Rewrite tooltips into function component
* Update Tailwind purge rules
* Revert "Rewrite tooltips into function component"
This reverts commit bd6ca8f0b5.
* Refactor conditional tooltip
27 lines
946 B
Elixir
27 lines
946 B
Elixir
defmodule LivebookWeb.ExploreHelpers do
|
|
use Phoenix.Component
|
|
|
|
alias LivebookWeb.Router.Helpers, as: Routes
|
|
|
|
@doc """
|
|
Renders an explore notebook card.
|
|
"""
|
|
def notebook_card(assigns) do
|
|
~H"""
|
|
<div class="flex flex-col">
|
|
<%= live_redirect to: Routes.explore_path(@socket, :notebook, @notebook_info.slug),
|
|
class: "flex items-center justify-center p-6 border-2 border-gray-100 rounded-t-2xl h-[150px]" do %>
|
|
<img src={@notebook_info.image_url} class="max-h-full max-w-[75%]" />
|
|
<% end %>
|
|
<div class="px-6 py-4 bg-gray-100 rounded-b-2xl flex-grow">
|
|
<%= live_redirect @notebook_info.title,
|
|
to: Routes.explore_path(@socket, :notebook, @notebook_info.slug),
|
|
class: "text-gray-800 font-semibold cursor-pointer" %>
|
|
<p class="mt-2 text-sm text-gray-600">
|
|
<%= @notebook_info.description %>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
"""
|
|
end
|
|
end
|