From a71e918e958de85e8295212d1a48925e93fae4e0 Mon Sep 17 00:00:00 2001
From: Matt Jankowski <matt@jankowski.online>
Date: Wed, 10 Jan 2024 04:35:01 -0500
Subject: [PATCH] Fix `LineLength` haml-lint in `media/player` view (#28667)

---
 .haml-lint_todo.yml              |  5 ++---
 app/views/media/player.html.haml | 31 ++++++++++++++++++++++++++++---
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/.haml-lint_todo.yml b/.haml-lint_todo.yml
index ac9f76375..af2d2e8f4 100644
--- a/.haml-lint_todo.yml
+++ b/.haml-lint_todo.yml
@@ -1,14 +1,13 @@
 # This configuration was generated by
 # `haml-lint --auto-gen-config`
-# on 2024-01-09 10:48:44 -0500 using Haml-Lint version 0.53.0.
+# on 2024-01-09 11:30:07 -0500 using Haml-Lint version 0.53.0.
 # The point is for the user to remove these configuration records
 # one by one as the lints are removed from the code base.
 # Note that changes in the inspected code, or installation of new
 # versions of Haml-Lint, may require this file to be generated again.
 
 linters:
-  # Offense count: 3
+  # Offense count: 1
   LineLength:
     exclude:
       - 'app/views/admin/roles/_form.html.haml'
-      - 'app/views/media/player.html.haml'
diff --git a/app/views/media/player.html.haml b/app/views/media/player.html.haml
index f00c8f040..df02cc411 100644
--- a/app/views/media/player.html.haml
+++ b/app/views/media/player.html.haml
@@ -6,14 +6,39 @@
   meta = @media_attachment.file.meta || {}
 
 - if @media_attachment.video?
-  = react_component :video, src: @media_attachment.file.url(:original), preview: @media_attachment.thumbnail.present? ? @media_attachment.thumbnail.url : @media_attachment.file.url(:small), frameRate: meta.dig('original', 'frame_rate'), blurhash: @media_attachment.blurhash, width: 670, height: 380, editable: true, detailed: true, inline: true, alt: @media_attachment.description, media: [ActiveModelSerializers::SerializableResource.new(@media_attachment, serializer: REST::MediaAttachmentSerializer)].as_json do
+  = react_component :video,
+                    alt: @media_attachment.description,
+                    blurhash: @media_attachment.blurhash,
+                    detailed: true,
+                    editable: true,
+                    frameRate: meta.dig('original', 'frame_rate'),
+                    height: 380,
+                    inline: true,
+                    media: [ActiveModelSerializers::SerializableResource.new(@media_attachment, serializer: REST::MediaAttachmentSerializer)].as_json,
+                    preview: @media_attachment.thumbnail.present? ? @media_attachment.thumbnail.url : @media_attachment.file.url(:small),
+                    src: @media_attachment.file.url(:original),
+                    width: 670 do
     %video{ controls: 'controls' }
       %source{ src: @media_attachment.file.url(:original) }
 - elsif @media_attachment.gifv?
-  = react_component :media_gallery, height: 380, standalone: true, autoplay: true, media: [ActiveModelSerializers::SerializableResource.new(@media_attachment, serializer: REST::MediaAttachmentSerializer).as_json] do
+  = react_component :media_gallery,
+                    autoplay: true,
+                    height: 380,
+                    media: [ActiveModelSerializers::SerializableResource.new(@media_attachment, serializer: REST::MediaAttachmentSerializer).as_json],
+                    standalone: true do
     %video{ autoplay: 'autoplay', muted: 'muted', loop: 'loop' }
       %source{ src: @media_attachment.file.url(:original) }
 - elsif @media_attachment.audio?
-  = react_component :audio, src: @media_attachment.file.url(:original), poster: @media_attachment.thumbnail.present? ? @media_attachment.thumbnail.url : @media_attachment.account.avatar_static_url, backgroundColor: meta.dig('colors', 'background'), foregroundColor: meta.dig('colors', 'foreground'), accentColor: meta.dig('colors', 'accent'), width: 670, height: 380, fullscreen: true, alt: @media_attachment.description, duration: meta.dig(:original, :duration) do
+  = react_component :audio,
+                    accentColor: meta.dig('colors', 'accent'),
+                    alt: @media_attachment.description,
+                    backgroundColor: meta.dig('colors', 'background'),
+                    duration: meta.dig(:original, :duration),
+                    foregroundColor: meta.dig('colors', 'foreground'),
+                    fullscreen: true,
+                    height: 380,
+                    poster: @media_attachment.thumbnail.present? ? @media_attachment.thumbnail.url : @media_attachment.account.avatar_static_url,
+                    src: @media_attachment.file.url(:original),
+                    width: 670 do
     %audio{ controls: 'controls' }
       %source{ src: @media_attachment.file.url(:original) }