From 7ee873cb8637aa7356591bace9cb9dc9aeb9d341 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dominic=20Br=C3=A4unlein?= <d.braeunlein@openproject.com>
Date: Wed, 8 Nov 2023 18:13:05 +0545
Subject: [PATCH] chore[#50499]: Add toggles for back button and breadcrumbs in
 playground

---
 .../open_project/page_header_preview.rb       | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/previews/primer/open_project/page_header_preview.rb b/previews/primer/open_project/page_header_preview.rb
index f51a600c69..a386a76d6e 100644
--- a/previews/primer/open_project/page_header_preview.rb
+++ b/previews/primer/open_project/page_header_preview.rb
@@ -18,10 +18,22 @@ def default
       # @param variant [Symbol] select [medium, large]
       # @param title [String] text
       # @param description [String] text
-      def playground(variant: :medium, title: "Hello", description: "Last updated 5 minutes ago by XYZ.")
+      # @param with_back_button [Boolean]
+      # @param with_breadcrumbs [Boolean]
+      def playground(
+        variant: :medium,
+        title: "Hello",
+        description: "Last updated 5 minutes ago by XYZ.",
+        with_back_button: false,
+        with_breadcrumbs: false
+      )
+        breadcrumb_items = [{ href: "/foo", text: "Foo" }, { href: "/bar", text: "Bar" }, "Baz"]
+
         render(Primer::OpenProject::PageHeader.new) do |header|
           header.with_title(variant: variant) { title }
           header.with_description { description }
+          header.with_back_button(href: "#", 'aria-label': "Back") if with_back_button
+          header.with_breadcrumbs(breadcrumb_items) if with_breadcrumbs
         end
       end
 
@@ -44,7 +56,7 @@ def actions
       # @param icon [String] select ["arrow-left", "chevron-left", "triangle-left"]
       def back_button(href: "#", size: :medium, icon: "arrow-left")
         render(Primer::OpenProject::PageHeader.new) do |header|
-          header.with_title() { "Hello" }
+          header.with_title { "Hello" }
           header.with_back_button(href: href, size: size, icon: icon, 'aria-label': "Back")
         end
       end
@@ -52,12 +64,12 @@ def back_button(href: "#", size: :medium, icon: "arrow-left")
       # @label With breadcrumbs
       def breadcrumbs
         breadcrumb_items = [
-          {href: "/foo", text: "Foo"},
-          "\u003ca href=\"/foo/bar\"\u003eBar\u003c/a\u003e" ,
+          { href: "/foo", text: "Foo" },
+          "\u003ca href=\"/foo/bar\"\u003eBar\u003c/a\u003e",
           "Baz"
         ]
         render(Primer::OpenProject::PageHeader.new) do |header|
-          header.with_title() { "A title" }
+          header.with_title { "A title" }
           header.with_breadcrumbs(breadcrumb_items)
         end
       end