Explicitly convert params to integers where needed in previews (#2735)

Author: antn

.changeset/dirty-parents-sneeze.md

@@ -0,0 +1,5 @@
+---
+"@primer/view-components": patch
+---
+
+Explicitly convert params to integers where needed for several previews

previews/primer/alpha/tab_nav_preview.rb

@@ -11,7 +11,7 @@ class TabNavPreview < ViewComponent::Preview
       # @param with_counters [Boolean] toggle
       def playground(number_of_tabs: 3, with_icons: false, with_counters: false)
         render(Primer::Alpha::TabNav.new(label: "label")) do |component|
-          Array.new(number_of_tabs || 3) do |i|
+          Array.new(number_of_tabs&.to_i || 3) do |i|
             component.with_tab(selected: i.zero?, href: "##{i + 1}") do |tab|
               tab.with_icon(icon: :star) if with_icons
               tab.with_text { "Tab #{i + 1}" }

previews/primer/alpha/tab_panels_preview.rb

@@ -10,7 +10,7 @@ class TabPanelsPreview < ViewComponent::Preview
       # @param align [Symbol] select [left, right]
       def playground(number_of_panels: 3, align: :left)
         render(Primer::Alpha::TabPanels.new(label: "label", align: align)) do |component|
-          Array.new(number_of_panels || 3) do |i|
+          Array.new(number_of_panels&.to_i || 3) do |i|
             component.with_tab(selected: i.zero?, id: "tab-#{i + 1}") do |tab|
               tab.with_panel { "Panel #{i + 1}" }
               tab.with_text { "Tab #{i + 1}" }
@@ -26,7 +26,7 @@ def playground(number_of_panels: 3, align: :left)
       # @snapshot
       def default(number_of_panels: 3, align: :left)
         render(Primer::Alpha::TabPanels.new(label: "label", align: align)) do |component|
-          Array.new(number_of_panels || 3) do |i|
+          Array.new(number_of_panels&.to_i || 3) do |i|
             component.with_tab(selected: i.zero?, id: "tab-#{i + 1}") do |tab|
               tab.with_panel { "Panel #{i + 1}" }
               tab.with_text { "Tab #{i + 1}" }

previews/primer/alpha/underline_nav_preview.rb

@@ -15,7 +15,7 @@ def playground(label: "Default with nav element", tag: :nav, align: :left, numbe
                                label: label,
                                tag: tag,
                                align: align,
-                               number_of_panels: number_of_panels
+                               number_of_panels: number_of_panels.to_i,
                              })
       end
 
@@ -31,7 +31,7 @@ def default(label: "Default with nav element", tag: :nav, align: :left, number_o
                                label: label,
                                tag: tag,
                                align: align,
-                               number_of_panels: number_of_panels
+                               number_of_panels: number_of_panels.to_i,
                              })
       end
 
@@ -44,7 +44,7 @@ def default(label: "Default with nav element", tag: :nav, align: :left, number_o
       # @param number_of_panels [Integer] number
       def with_icons_and_counters(label: "With icons and counters", number_of_panels: 3, align: :left, tag: :nav)
         render(Primer::Alpha::UnderlineNav.new(label: label, tag: tag, align: align)) do |component|
-          Array.new(number_of_panels || 3) do |i|
+          Array.new(number_of_panels.to_i || 3) do |i|
             component.with_tab(href: "#", selected: i.zero?) do |tab|
               tab.with_icon(icon: :star)
               tab.with_text { "Item #{i + 1}" }

previews/primer/alpha/underline_panels_preview.rb

@@ -26,7 +26,7 @@ def playground(number_of_panels: 3, align: :left)
       # @param align [Symbol] select [left, right]
       def default(number_of_panels: 3, align: :left)
         render(Primer::Alpha::UnderlinePanels.new(label: "Test navigation", align: align)) do |component|
-          Array.new(number_of_panels || 3) do |i|
+          Array.new(number_of_panels&.to_i || 3) do |i|
             component.with_tab(selected: i.zero?, id: "tab-#{i + 1}") do |tab|
               tab.with_panel { "Panel #{i + 1}" }
               tab.with_text { "Tab #{i + 1}" }

previews/primer/beta/avatar_stack_preview.rb

@@ -13,7 +13,7 @@ class AvatarStackPreview < ViewComponent::Preview
       # @param tooltip_label text
       def playground(number_of_avatars: 1, tag: :div, align: :left, tooltipped: false, tooltip_label: "This is a tooltip!")
         render(Primer::Beta::AvatarStack.new(tag: tag, align: align, tooltipped: tooltipped, body_arguments: { label: tooltip_label })) do |component|
-          Array.new(number_of_avatars || 1) do
+          Array.new(number_of_avatars&.to_i || 1) do
             component.with_avatar(src: Primer::ExampleImage::BASE64_SRC, alt: "@kittenuser")
           end
         end

previews/primer/beta/breadcrumbs_preview.rb

@@ -9,7 +9,7 @@ class BreadcrumbsPreview < ViewComponent::Preview
       # @param number_of_links [Integer] number
       def playground(number_of_links: 2)
         render(Primer::Beta::Breadcrumbs.new) do |component|
-          Array.new(number_of_links || 3) do |i|
+          Array.new(number_of_links&.to_i || 3) do |i|
             component.with_item(href: "##{i}") { "Breadcrumb Item #{i + 1}" }
           end
         end
@@ -21,7 +21,7 @@ def playground(number_of_links: 2)
       # @snapshot
       def default(number_of_links: 2)
         render(Primer::Beta::Breadcrumbs.new) do |component|
-          Array.new(number_of_links || 3) do |i|
+          Array.new(number_of_links&.to_i || 3) do |i|
             component.with_item(href: "##{i}") { "Breadcrumb Item #{i + 1}" }
           end
         end