Skip to content

Commit bc64e7b

Browse files
mitkinsmitkins
committed
Message can be nil
1 parent a106099 commit bc64e7b

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

‎lib/petal_components/chat_bubble.ex

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ defmodule PetalComponents.ChatBubble do
55
attr :author, :string, default: nil, doc: "author name for the chat message"
66
attr :time, :string, default: nil, doc: "timestamp for the message"
77

8-
attr :message, :string, default: "That's awesome. I think our users will really appreciate the improvements.", doc: "main message content"
8+
attr :message, :string, default: nil, doc: "main message content"
99

1010
attr :avatar_src, :string, default: nil, doc: "hosted avatar URL"
1111
attr :avatar_alt, :string, default: nil, doc: "alt text for avatar image"
@@ -101,7 +101,7 @@ defmodule PetalComponents.ChatBubble do
101101
<img :if={@avatar_src} class="w-8 h-8 rounded-full" src={@avatar_src} alt={@avatar_alt} />
102102
<div class="flex flex-col w-full max-w-[320px] leading-1.5 p-4 border-gray-200 bg-gray-100 rounded-e-xl rounded-es-xl dark:bg-gray-700">
103103
{render_header(assigns)}
104-
<p class="text-sm font-normal py-2.5 text-gray-900 dark:text-white">{@message}</p>
104+
<p :if={@message} class="text-sm font-normal py-2.5 text-gray-900 dark:text-white">{@message}</p>
105105
<span class="text-sm font-normal text-gray-500 dark:text-gray-400">Delivered</span>
106106
</div>
107107
</div>
@@ -288,7 +288,7 @@ defmodule PetalComponents.ChatBubble do
288288
<span class="text-sm font-semibold text-gray-900 dark:text-white">{@author}</span>
289289
<span class="text-sm font-normal text-gray-500 dark:text-gray-400">{@time}</span>
290290
</div>
291-
<p class="text-sm font-normal text-gray-900 dark:text-white">{@message}</p>
291+
<p :if={@message} class="text-sm font-normal text-gray-900 dark:text-white">{@message}</p>
292292
293293
<div x-data="{ showTooltip: false }" class="group relative my-2.5">
294294
<div class="absolute w-full h-full bg-gray-900/50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-lg flex items-center justify-center">
@@ -356,7 +356,7 @@ defmodule PetalComponents.ChatBubble do
356356
<span class="text-sm font-semibold text-gray-900 dark:text-white">{@author}</span>
357357
<span class="text-sm font-normal text-gray-500 dark:text-gray-400">{@time}</span>
358358
</div>
359-
<p class="text-sm font-normal text-gray-900 dark:text-white">{@message}</p>
359+
<p :if={@message} class="text-sm font-normal text-gray-900 dark:text-white">{@message}</p>
360360
361361
<%!-- Image Grid with Tooltips --%>
362362
<div class="grid gap-4 grid-cols-2 my-2.5">
@@ -474,7 +474,7 @@ defmodule PetalComponents.ChatBubble do
474474
<img :if={@avatar_src} class="w-8 h-8 rounded-full" src={@avatar_src} alt={@avatar_alt} />
475475
<div class="flex flex-col w-full max-w-[320px] leading-1.5 p-4 border-gray-200 bg-gray-100 rounded-e-xl rounded-es-xl dark:bg-gray-700">
476476
{render_header(assigns)}
477-
<p class="text-sm font-normal py-2.5 text-gray-900 dark:text-white">{@message}</p>
477+
<p :if={@message} class="text-sm font-normal py-2.5 text-gray-900 dark:text-white">{@message}</p>
478478
<p class="text-sm font-normal pb-2.5 text-gray-900 dark:text-white">
479479
<a
480480
href={@url}
@@ -535,7 +535,7 @@ defmodule PetalComponents.ChatBubble do
535535
<div class="flex flex-col gap-1">
536536
{render_header(assigns)}
537537
<div class="flex flex-col w-full max-w-[326px] leading-1.5 p-4 border-gray-200 bg-gray-100 rounded-e-xl rounded-es-xl dark:bg-gray-700">
538-
<p class="text-sm font-normal py-2.5 text-gray-900 dark:text-white">{@message}</p>
538+
<p :if={@message} class="text-sm font-normal py-2.5 text-gray-900 dark:text-white">{@message}</p>
539539
</div>
540540
<span class="text-sm font-normal text-gray-500 dark:text-gray-400">Delivered</span>
541541
</div>
@@ -714,7 +714,7 @@ defmodule PetalComponents.ChatBubble do
714714
<img :if={@avatar_src} class="w-8 h-8 rounded-full" src={@avatar_src} alt={@avatar_alt} />
715715
<div class="flex flex-col gap-1 w-full max-w-[326px]">
716716
{render_header(assigns)}
717-
<p class="text-sm font-normal text-gray-900 dark:text-white">{@message}</p>
717+
<p :if={@message} class="text-sm font-normal text-gray-900 dark:text-white">{@message}</p>
718718
<div class="flex flex-col w-full leading-1.5 p-2 border-gray-200 bg-gray-100 rounded-e-xl rounded-es-xl dark:bg-gray-700">
719719
<div
720720
x-data="{ showTooltip: false }"
@@ -780,7 +780,7 @@ defmodule PetalComponents.ChatBubble do
780780
<img :if={@avatar_src} class="w-8 h-8 rounded-full" src={@avatar_src} alt={@avatar_alt} />
781781
<div class="flex flex-col gap-1">
782782
{render_header(assigns)}
783-
<p class="text-sm font-normal text-gray-900 dark:text-white max-w-[326px]">{@message}</p>
783+
<p :if={@message} class="text-sm font-normal text-gray-900 dark:text-white max-w-[326px]">{@message}</p>
784784
<div class="flex flex-col w-full max-w-[326px] leading-1.5 p-2 border-gray-200 bg-gray-100 rounded-e-xl rounded-es-xl dark:bg-gray-700">
785785
<%!-- Image Grid --%>
786786
<div class="grid gap-4 grid-cols-2 my-2.5">
@@ -895,7 +895,7 @@ defmodule PetalComponents.ChatBubble do
895895
<img :if={@avatar_src} class="w-8 h-8 rounded-full" src={@avatar_src} alt={@avatar_alt} />
896896
<div class="flex flex-col gap-1 w-full max-w-[320px]">
897897
{render_header(assigns)}
898-
<p class="text-sm font-normal py-2.5 text-gray-900 dark:text-white">{@message}</p>
898+
<p :if={@message} class="text-sm font-normal py-2.5 text-gray-900 dark:text-white">{@message}</p>
899899
<div class="flex flex-col w-full leading-1.5 p-4 border-gray-200 bg-gray-100 rounded-e-xl rounded-es-xl dark:bg-gray-700">
900900
<p class="text-sm font-normal pb-2.5 text-gray-900 dark:text-white">
901901
<a
@@ -957,7 +957,7 @@ defmodule PetalComponents.ChatBubble do
957957
<img :if={@avatar_src} class="w-8 h-8 rounded-full" src={@avatar_src} alt={@avatar_alt} />
958958
<div class="flex flex-col w-full max-w-[320px] leading-1.5">
959959
{render_header(assigns)}
960-
<p class="text-sm font-normal py-2.5 text-gray-900 dark:text-white">{@message}</p>
960+
<p :if={@message} class="text-sm font-normal py-2.5 text-gray-900 dark:text-white">{@message}</p>
961961
<span class="text-sm font-normal text-gray-500 dark:text-gray-400">Delivered</span>
962962
</div>
963963
</div>
@@ -1128,7 +1128,7 @@ defmodule PetalComponents.ChatBubble do
11281128
<div class="flex flex-col w-full max-w-[326px] leading-1.5">
11291129
{render_header(assigns)}
11301130
<div class="flex flex-col w-full max-w-[326px] leading-1.5 p-4">
1131-
<p class="text-sm font-normal text-gray-900 dark:text-white">{@message}</p>
1131+
<p :if={@message} class="text-sm font-normal text-gray-900 dark:text-white">{@message}</p>
11321132
</div>
11331133
<div class="my-2.5">
11341134
<div x-data="{ showTooltip: false }" class="group relative">
@@ -1193,7 +1193,7 @@ defmodule PetalComponents.ChatBubble do
11931193
<img class="w-8 h-8 rounded-full" src={@avatar_src} alt={@avatar_alt} />
11941194
<div class="flex flex-col gap-1">
11951195
{render_header(assigns)}
1196-
<p class="text-sm font-normal text-gray-900 dark:text-white max-w-[326px]">{@message}</p>
1196+
<p :if={@message} class="text-sm font-normal text-gray-900 dark:text-white max-w-[326px]">{@message}</p>
11971197
<div class="flex flex-col w-full max-w-[326px] leading-1.5 p-2">
11981198
<%!-- Image Grid with Tooltips --%>
11991199
<div class="grid gap-4 grid-cols-2 my-2.5">
@@ -1310,7 +1310,7 @@ defmodule PetalComponents.ChatBubble do
13101310
<img class="w-8 h-8 rounded-full" src={@avatar_src} alt={@avatar_alt} />
13111311
<div class="flex flex-col w-full max-w-[320px] leading-1.5">
13121312
{render_header(assigns)}
1313-
<p class="text-sm font-normal py-2.5 text-gray-900 dark:text-white">{@message}</p>
1313+
<p :if={@message} class="text-sm font-normal py-2.5 text-gray-900 dark:text-white">{@message}</p>
13141314
<p class="text-sm font-normal pb-2.5 text-gray-900 dark:text-white">
13151315
<a
13161316
href={@url}

0 commit comments

Comments
 (0)