Add Extra Small thumbnail component.

baoagency · Jan 28, 2025 · 65018b9 · 65018b9
1 parent 27664d0
commit 65018b9
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/app/components/polaris/thumbnail_component.rb b/app/components/polaris/thumbnail_component.rb
@@ -8,6 +8,7 @@ class ThumbnailComponent < Polaris::Component
 
     SIZE_DEFAULT = :medium
     SIZE_MAPPINGS = {
+      extra_small: "Polaris-Thumbnail--sizeExtraSmall",
       small: "Polaris-Thumbnail--sizeSmall",
       medium: "Polaris-Thumbnail--sizeMedium",
       large: "Polaris-Thumbnail--sizeLarge"
@@ -30,6 +31,8 @@ def initialize(
       @source = source
       @transparent = transparent
 
+      @size = :extra_small if [:xsmall, :x_small, :xs].include?(@size)
+
       @system_arguments = system_arguments
     end
 

diff --git a/demo/app/previews/thumbnail_component_preview.rb b/demo/app/previews/thumbnail_component_preview.rb
@@ -2,6 +2,9 @@ class ThumbnailComponentPreview < ViewComponent::Preview
   def default
   end
 
+  def extra_small
+  end
+
   def small
   end
 

diff --git a/demo/app/previews/thumbnail_component_preview/extra_small.html.erb b/demo/app/previews/thumbnail_component_preview/extra_small.html.erb
@@ -0,0 +1,5 @@
+<%= polaris_thumbnail(
+  source: "https://burst.shopifycdn.com/photos/black-leather-choker-necklace_373x@2x.jpg",
+  alt: "Black choker necklace",
+  size: :extra_small,
+) %>
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,6 +2,9 @@ class ThumbnailComponentPreview < ViewComponent::Preview @@
       def default
       end
+      def extra_small
+      end
       def small
       end
@@ Expand Down @@