From 9ea1bc33422d80b87ea9535c078068a7d17f0d7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonatan=20K=C5=82osko?= <jonatanklosko@gmail.com>
Date: Mon, 14 Aug 2023 15:20:55 +0200
Subject: [PATCH] Increase size limit for file input and show upload errors

---
 lib/livebook_web/live/output/file_input_component.ex          | 4 ++++
 .../live/session_live/add_file_entry_upload_component.ex      | 2 +-
 lib/livebook_web/live/session_live/insert_image_component.ex  | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/lib/livebook_web/live/output/file_input_component.ex b/lib/livebook_web/live/output/file_input_component.ex
index 9a9818bdd..4373fbf4e 100644
--- a/lib/livebook_web/live/output/file_input_component.ex
+++ b/lib/livebook_web/live/output/file_input_component.ex
@@ -21,6 +21,7 @@ defmodule LivebookWeb.Output.FileInputComponent do
           # allow_upload and override the accept attribute ourselves
           accept: :any,
           max_entries: 1,
+          max_file_size: 100_000_000_000,
           progress: &handle_progress/3,
           auto_upload: true
         )
@@ -56,6 +57,9 @@ defmodule LivebookWeb.Output.FileInputComponent do
         </div>
         <.live_file_input upload={@uploads.file} class="hidden" accept={@accept} />
       </label>
+      <p :for={msg <- upload_error_messages(@uploads.file)} class="mt-0.5 text-red-600 text-sm">
+        <%= msg %>
+      </p>
     </form>
     """
   end
diff --git a/lib/livebook_web/live/session_live/add_file_entry_upload_component.ex b/lib/livebook_web/live/session_live/add_file_entry_upload_component.ex
index a34eccd75..3fb2440b5 100644
--- a/lib/livebook_web/live/session_live/add_file_entry_upload_component.ex
+++ b/lib/livebook_web/live/session_live/add_file_entry_upload_component.ex
@@ -34,7 +34,7 @@ defmodule LivebookWeb.SessionLive.AddFileEntryUploadComponent do
   def render(assigns) do
     ~H"""
     <div>
-      <div class="mb-6 flex flex-col gap-2">
+      <div :if={upload_error_messages(@uploads.file) != []} class="mb-6 flex flex-col gap-2">
         <div :for={message <- upload_error_messages(@uploads.file)} class="error-box">
           <%= message %>
         </div>
diff --git a/lib/livebook_web/live/session_live/insert_image_component.ex b/lib/livebook_web/live/session_live/insert_image_component.ex
index e7e6f4847..289f11db3 100644
--- a/lib/livebook_web/live/session_live/insert_image_component.ex
+++ b/lib/livebook_web/live/session_live/insert_image_component.ex
@@ -37,7 +37,7 @@ defmodule LivebookWeb.SessionLive.InsertImageComponent do
       <h3 class="text-2xl font-semibold text-gray-800">
         Insert image
       </h3>
-      <div class="flex flex-col gap-2">
+      <div :if={upload_error_messages(@uploads.image) != []} class="flex flex-col gap-2">
         <div :for={message <- upload_error_messages(@uploads.image)} class="error-box">
           <%= message %>
         </div>