From 9ef514e63b1ced6a1820b21bef152e1fd8ccd7f2 Mon Sep 17 00:00:00 2001
From: Susmitha Girumala <susmitha@hashicorp.com>
Date: Tue, 2 Jun 2020 18:18:27 -0400
Subject: [PATCH] =?UTF-8?q?chore:=20=F0=9F=A4=96=20Integrate=20rose=20page?=
 =?UTF-8?q?header=20components=20into=20core=20ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/templates/orgs/org/projects/index.hbs | 19 ++++++++++++-------
 .../app/templates/orgs/org/projects/new.hbs   |  4 +++-
 .../templates/orgs/org/projects/project.hbs   |  4 ++++
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/ui/core/app/templates/orgs/org/projects/index.hbs b/ui/core/app/templates/orgs/org/projects/index.hbs
index c2fb6fa59..ed4914049 100644
--- a/ui/core/app/templates/orgs/org/projects/index.hbs
+++ b/ui/core/app/templates/orgs/org/projects/index.hbs
@@ -1,11 +1,16 @@
 <div class="projects-overview">
-
-  <h2>{{t "resources.projects"}}</h2>
-
-  <LinkTo @route="orgs.org.projects.new">
-    <Rose::Icon @name="plus-circle-outline" @size="medium" />
-    {{t "titles.new"}}
-  </LinkTo>
+  <Rose::Layout::PageHeader>
+    <Rose::PageHeader::Title @text={{t "resources.projects"}} />
+    <Rose::PageHeader::Utilities as |utility|>
+      <utility.action
+        @style="primary"
+        @iconLeft="plus-plain"
+        {{on "click" (route-action "new")}}
+      >
+        {{t 'titles.new'}}
+      </utility.action>
+    </Rose::PageHeader::Utilities>
+  </Rose::Layout::PageHeader>
 
   <ul class="projects">
     {{#each @model as |project|}}
diff --git a/ui/core/app/templates/orgs/org/projects/new.hbs b/ui/core/app/templates/orgs/org/projects/new.hbs
index 920983b02..90011f7d0 100644
--- a/ui/core/app/templates/orgs/org/projects/new.hbs
+++ b/ui/core/app/templates/orgs/org/projects/new.hbs
@@ -7,7 +7,9 @@
     <LinkTo @route='orgs.org.projects.new'>{{t "titles.new"}}</LinkTo>
   </div>
 
-  <h2>{{t "titles.new"}}</h2>
+  <Rose::Layout::PageHeader>
+    <Rose::PageHeader::Title @text={{t "titles.new"}} />
+  </Rose::Layout::PageHeader>
 
   <Form::Project
     @model={{@model}}
diff --git a/ui/core/app/templates/orgs/org/projects/project.hbs b/ui/core/app/templates/orgs/org/projects/project.hbs
index 26770d11b..f76c8bcaa 100644
--- a/ui/core/app/templates/orgs/org/projects/project.hbs
+++ b/ui/core/app/templates/orgs/org/projects/project.hbs
@@ -18,6 +18,10 @@
     </nav.link>
   </Rose::Nav::Tabs>
 
+  <Rose::Layout::PageHeader>
+    <Rose::PageHeader::Title @text={{@model.name}} />
+  </Rose::Layout::PageHeader>
+
   <Form::Project
     @model={{@model}}
     @submit={{route-action "save" @model}}