From dff8a578e4edf7939c8d408c86661a62e3aed63b Mon Sep 17 00:00:00 2001
From: Sara Vieira <hey@iamsaravieira.com>
Date: Fri, 2 Mar 2018 12:07:58 +0000
Subject: [PATCH] fix(my-joy-instances): fix breadcrumb routing to align with
 designs

---
 .../__snapshots__/images.spec.js.snap         |   1 +
 .../breadcrumb-ui-js-breadcrumb-1-snap.png    | Bin 9400 -> 11301 bytes
 ...eadcrumb-ui-js-breadcrumb-match-1-snap.png | Bin 10198 -> 11762 bytes
 .../__snapshots__/breadcrumb.spec.js.snap     |  64 ++++++++++++++++--
 .../src/containers/navigation/breadcrumb.js   |   4 ++
 .../__snapshots__/index.spec.js.snap          |   4 +-
 packages/ui-toolkit/src/breadcrumb/index.js   |   2 +-
 7 files changed, 68 insertions(+), 7 deletions(-)

diff --git a/packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap b/packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap
index c40fbefa..508f1b87 100644
--- a/packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap
+++ b/packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap
@@ -340,6 +340,7 @@ exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without thr
           </svg>
           <h4
             className="c4"
+            onClick={[Function]}
           >
             Stuff
           </h4>
diff --git a/packages/my-joy-instances/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-1-snap.png b/packages/my-joy-instances/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-1-snap.png
index 68f5455ea7c0948343b8bee2ea2331a9b28a2d2f..d089a7f82ebc55b41060b2c7298c0b085f956a8f 100644
GIT binary patch
literal 11301
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
B*^>YO

literal 9400
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
T9MS{et?+*iI8yVcu=IZcEciuC

diff --git a/packages/my-joy-instances/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-match-1-snap.png b/packages/my-joy-instances/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-match-1-snap.png
index 3b2ea778ad47cdb546f422df7a9dca0e1d748022..a9136952aa2b506a61aad0a7d787071ebedc5a49 100644
GIT binary patch
literal 11762
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

literal 10198
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

diff --git a/packages/my-joy-instances/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap b/packages/my-joy-instances/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap
index 592a7be8..b800ae64 100644
--- a/packages/my-joy-instances/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap
+++ b/packages/my-joy-instances/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap
@@ -73,8 +73,8 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
 }
 
 .c2 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
 }
 
 .c8 {
@@ -156,6 +156,34 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
         <div
           className="c5"
         >
+          <div
+            className="c6"
+          >
+            <h4
+              className="c7"
+              name="breadcrum-item"
+            >
+              Compute
+            </h4>
+            <svg
+              className="c8 "
+              height="6"
+              innerRef={undefined}
+              style={
+                Object {
+                  "transform": "rotate(-90deg)",
+                }
+              }
+              viewBox="0 0 9.6 6"
+              width="9.6"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
+                fill="rgb(151, 151, 151)"
+              />
+            </svg>
+          </div>
           <div
             className="c6"
           >
@@ -264,8 +292,8 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
 }
 
 .c2 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
 }
 
 .c8 {
@@ -347,6 +375,34 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = `
         <div
           className="c5"
         >
+          <div
+            className="c6"
+          >
+            <h4
+              className="c7"
+              name="breadcrum-item"
+            >
+              Compute
+            </h4>
+            <svg
+              className="c8 "
+              height="6"
+              innerRef={undefined}
+              style={
+                Object {
+                  "transform": "rotate(-90deg)",
+                }
+              }
+              viewBox="0 0 9.6 6"
+              width="9.6"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
+                fill="rgb(151, 151, 151)"
+              />
+            </svg>
+          </div>
           <div
             className="c6"
           >
diff --git a/packages/my-joy-instances/src/containers/navigation/breadcrumb.js b/packages/my-joy-instances/src/containers/navigation/breadcrumb.js
index 3624f374..f2f968f1 100644
--- a/packages/my-joy-instances/src/containers/navigation/breadcrumb.js
+++ b/packages/my-joy-instances/src/containers/navigation/breadcrumb.js
@@ -9,6 +9,10 @@ export default ({ match }) => {
   const instance = get(match, 'params.instance');
 
   const links = [
+    {
+      name: 'Compute',
+      pathname: '/'
+    },
     {
       name: 'Instances',
       pathname: '/'
diff --git a/packages/ui-toolkit/src/breadcrumb/__tests__/__snapshots__/index.spec.js.snap b/packages/ui-toolkit/src/breadcrumb/__tests__/__snapshots__/index.spec.js.snap
index 0b684b7b..17caec9b 100644
--- a/packages/ui-toolkit/src/breadcrumb/__tests__/__snapshots__/index.spec.js.snap
+++ b/packages/ui-toolkit/src/breadcrumb/__tests__/__snapshots__/index.spec.js.snap
@@ -98,8 +98,8 @@ exports[`Breadcrumb Default Breadcrumb 1`] = `
 }
 
 .c2 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
 }
 
 .c0 {
diff --git a/packages/ui-toolkit/src/breadcrumb/index.js b/packages/ui-toolkit/src/breadcrumb/index.js
index 1f16177d..e590f25d 100644
--- a/packages/ui-toolkit/src/breadcrumb/index.js
+++ b/packages/ui-toolkit/src/breadcrumb/index.js
@@ -14,7 +14,7 @@ const BreadcrumContianer = styled(Container)`
  */
 export default ({ children, ...rest }) => (
   <BreadcrumContianer {...rest} fluid>
-    <Padding top={2} bottom={2}>
+    <Padding top={1} bottom={1}>
       <Container>
         <Row name="breadcrum">
           <Col xs={12}>{children}</Col>