Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix(my-joyent): sliders need to be reset

Browse Source
This commit is contained in:
Sara Vieira 2017-09-18 18:23:17 +01:00 committed by Sérgio Ramos
parent beb8141869
commit 93b199e957
15 changed files with 520 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/my-joyent/src/components/filters/__tests__/__snapshots__/filters.spec.js.snap
View File

@ -192,7 +192,7 @@ exports[`renders <Filters /> without throwing 1`] = `
font-size: 0.625rem; font-size: 0.625rem;
color: #464646; color: #464646;
position: absolute; position: absolute;
top: 1rem; top: 0.875rem;
right: auto; right: auto;
} }
@ -201,7 +201,7 @@ exports[`renders <Filters /> without throwing 1`] = `
font-size: 0.625rem; font-size: 0.625rem;
color: #464646; color: #464646;
position: absolute; position: absolute;
top: 1rem; top: 0.875rem;
right: 1px; right: 1px;
} }
@ -732,7 +732,7 @@ exports[`renders <Filters /> without throwing 1`] = `
<button <button
className="c13" className="c13"
disabled={false} disabled={false}
onClick={undefined} onClick={[Function]}
> >
Reset Filters Reset Filters
</button> </button>

110
packages/my-joyent/src/components/filters/filters.js
View File

@ -1,4 +1,4 @@
import React from 'react'; import React, { Component } from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
import remcalc from 'remcalc'; import remcalc from 'remcalc';
import isEqual from 'lodash.isequal'; import isEqual from 'lodash.isequal';
@ -19,48 +19,78 @@ const Wrapper = styled.section`
width: 100%; width: 100%;
`; `;
const Filters = ({ class Filters extends Component {
filters, constructor(props) {
ramSliderChange, super(props);
cpuSliderChange,
diskSliderChange, this.state = {
costSliderChange, reset: 0
groupChange, };
filterReset
}) => ( this.handleResetClick = this.handleResetClick.bind(this);
<Wrapper> }
<FormLabel>Choose a package</FormLabel>
<Sliders handleResetClick() {
filters={filters} const { filterReset } = this.props;
ramSliderChange={ramSliderChange} const { reset } = this.state;
cpuSliderChange={cpuSliderChange} filterReset();
diskSliderChange={diskSliderChange}
costSliderChange={costSliderChange} this.setState({
/> reset: reset + 1
<GroupWrapper> });
<div> }
{filters.groups.sort((a, b) => a.name < b.name ? -1 : 1 ).map(group => (
render() {
const {
filters,
ramSliderChange,
cpuSliderChange,
diskSliderChange,
costSliderChange,
groupChange
} = this.props;
const { reset } = this.state;
return (
<Wrapper>
<FormLabel>Choose a package</FormLabel>
<Sliders
reset={reset}
filters={filters}
ramSliderChange={ramSliderChange}
cpuSliderChange={cpuSliderChange}
diskSliderChange={diskSliderChange}
costSliderChange={costSliderChange}
/>
<GroupWrapper>
<div>
{filters.groups
.sort((a, b) => (a.name < b.name ? -1 : 1))
.map(group => (
<Button
key={group.name}
tertiary
small
selected={group.selected}
onClick={() => groupChange(group)}
>
{group.name}
</Button>
))}
</div>
<Button <Button
key={group.name} disabled={isEqual(filters, defaultState.filters)}
tertiary secondary
small small
selected={group.selected} onClick={this.handleResetClick}
onClick={() => groupChange(group)}
> >
{group.name} Reset Filters
</Button> </Button>
))} </GroupWrapper>
</div> </Wrapper>
<Button );
disabled={isEqual(filters, defaultState.filters)} }
secondary }
small
onClick={filterReset}
>
Reset Filters
</Button>
</GroupWrapper>
</Wrapper>
);
export default Filters; export default Filters;

15
packages/my-joyent/src/components/package/__tests__/__snapshots__/index.spec.js.snap
View File

@ -34,6 +34,8 @@ exports[`renders <Package /> without throwing 1`] = `
flex-basis: 5.625rem; flex-basis: 5.625rem;
width: 100%; width: 100%;
padding: 0.75rem 1.125rem 0 1.125rem; padding: 0.75rem 1.125rem 0 1.125rem;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
} }
.c1 { .c1 {
@ -69,6 +71,9 @@ exports[`renders <Package /> without throwing 1`] = `
box-shadow: 0px 2px 0px rgba(0,0,0,0.05); box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
min-height: 11.5625rem; min-height: 11.5625rem;
min-width: 292px; min-width: 292px;
cursor: pointer;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
} }
.c2 { .c2 {
@ -171,6 +176,8 @@ exports[`renders <Package /> without throwing 1`] = `
font-weight: 500; font-weight: 500;
text-transform: uppercase; text-transform: uppercase;
color: rgba(73,73,73,0.5); color: rgba(73,73,73,0.5);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
} }
.c0 { .c0 {
@ -191,6 +198,8 @@ exports[`renders <Package /> without throwing 1`] = `
<div <div
className="c0 c1" className="c0 c1"
name="card" name="card"
onClick={undefined}
selected={undefined}
> >
<div <div
className="c2" className="c2"
@ -206,6 +215,7 @@ exports[`renders <Package /> without throwing 1`] = `
<div <div
className="c5" className="c5"
name="card-title" name="card-title"
selected={undefined}
> >
$ $
0.263 0.263
@ -214,6 +224,7 @@ exports[`renders <Package /> without throwing 1`] = `
<div <div
className="c6 c5" className="c6 c5"
name="card-subtitle" name="card-subtitle"
selected={undefined}
> >
<span <span
className="c7" className="c7"
@ -225,6 +236,7 @@ exports[`renders <Package /> without throwing 1`] = `
<div <div
className="c6 c5" className="c6 c5"
name="card-subtitle" name="card-subtitle"
selected={undefined}
> >
<span <span
className="c7" className="c7"
@ -236,6 +248,7 @@ exports[`renders <Package /> without throwing 1`] = `
<div <div
className="c6 c5" className="c6 c5"
name="card-subtitle" name="card-subtitle"
selected={undefined}
> >
<span <span
className="c7" className="c7"
@ -247,6 +260,7 @@ exports[`renders <Package /> without throwing 1`] = `
<div <div
className="c6 c5" className="c6 c5"
name="card-subtitle" name="card-subtitle"
selected={undefined}
> >
<span <span
className="c7" className="c7"
@ -260,6 +274,7 @@ exports[`renders <Package /> without throwing 1`] = `
> >
<span <span
className="c9" className="c9"
selected={undefined}
> >
Compute Optimized Compute Optimized
</span> </span>

55
packages/my-joyent/src/components/packages/__tests__/__snapshots__/list.spec.js.snap
View File

@ -43,6 +43,8 @@ exports[`renders <Packages /> without throwing 1`] = `
flex-basis: 5.625rem; flex-basis: 5.625rem;
width: 100%; width: 100%;
padding: 0.75rem 1.125rem 0 1.125rem; padding: 0.75rem 1.125rem 0 1.125rem;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
} }
.c3 { .c3 {
@ -78,6 +80,9 @@ exports[`renders <Packages /> without throwing 1`] = `
box-shadow: 0px 2px 0px rgba(0,0,0,0.05); box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
min-height: 11.5625rem; min-height: 11.5625rem;
min-width: 292px; min-width: 292px;
cursor: pointer;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
} }
.c4 { .c4 {
@ -180,6 +185,8 @@ exports[`renders <Packages /> without throwing 1`] = `
font-weight: 500; font-weight: 500;
text-transform: uppercase; text-transform: uppercase;
color: rgba(73,73,73,0.5); color: rgba(73,73,73,0.5);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
} }
.c2 { .c2 {
@ -262,6 +269,8 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -277,6 +286,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.016 0.016
@ -285,6 +295,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -296,6 +307,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -307,6 +319,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -318,6 +331,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -331,6 +345,7 @@ exports[`renders <Packages /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -346,6 +361,8 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -361,6 +378,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.033 0.033
@ -369,6 +387,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -380,6 +399,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -391,6 +411,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -402,6 +423,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -415,6 +437,7 @@ exports[`renders <Packages /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -430,6 +453,8 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -445,6 +470,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.066 0.066
@ -453,6 +479,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -464,6 +491,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -475,6 +503,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -486,6 +515,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -499,6 +529,7 @@ exports[`renders <Packages /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -514,6 +545,8 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -529,6 +562,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.131 0.131
@ -537,6 +571,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -548,6 +583,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -559,6 +595,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -570,6 +607,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -583,6 +621,7 @@ exports[`renders <Packages /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -598,6 +637,8 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -613,6 +654,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.263 0.263
@ -621,6 +663,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -632,6 +675,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -643,6 +687,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -654,6 +699,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -667,6 +713,7 @@ exports[`renders <Packages /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -682,6 +729,8 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -697,6 +746,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.525 0.525
@ -705,6 +755,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -716,6 +767,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -727,6 +779,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -738,6 +791,7 @@ exports[`renders <Packages /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -751,6 +805,7 @@ exports[`renders <Packages /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>

3
packages/my-joyent/src/components/packages/list.js
View File

@ -29,9 +29,10 @@ class Packages extends Component {
handleClick(id) { handleClick(id) {
this.setState({ this.setState({
selected: id selected: id !== this.state.selected ? id : null
}); });
} }
render() { render() {
const { packages } = this.props; const { packages } = this.props;
const { selected } = this.state; const { selected } = this.state;

81
packages/my-joyent/src/components/sliders/index.js
View File

@ -20,46 +20,47 @@ const Sliders = ({
ramSliderChange, ramSliderChange,
cpuSliderChange, cpuSliderChange,
diskSliderChange, diskSliderChange,
costSliderChange costSliderChange,
reset
}) => ( }) => (
<FilterWrapper> <FilterWrapper key={reset}>
<Slider <Slider
minValue={ram.min} minValue={ram.min}
maxValue={ram.max} maxValue={ram.max}
step={0.256} step={0.256}
value={ram} value={ram}
onChangeComplete={value => ramSliderChange(value)} onChangeComplete={value => ramSliderChange(value)}
> >
GB RAM GB RAM
</Slider> </Slider>
<Slider <Slider
minValue={cpu.min} minValue={cpu.min}
maxValue={cpu.max} maxValue={cpu.max}
step={0.25} step={0.25}
value={cpu} value={cpu}
onChangeComplete={value => cpuSliderChange(value)} onChangeComplete={value => cpuSliderChange(value)}
> >
vCPUs vCPUs
</Slider> </Slider>
<Slider <Slider
minValue={disk.min} minValue={disk.min}
maxValue={disk.max} maxValue={disk.max}
step={0.01} step={0.01}
value={disk} value={disk}
onChangeComplete={value => diskSliderChange(value)} onChangeComplete={value => diskSliderChange(value)}
> >
TB Disk TB Disk
</Slider> </Slider>
<Slider <Slider
minValue={cost.min} minValue={cost.min}
maxValue={cost.max} maxValue={cost.max}
step={0.02} step={0.02}
value={cost} value={cost}
onChangeComplete={value => costSliderChange(value)} onChangeComplete={value => costSliderChange(value)}
> >
$/hr $/hr
</Slider> </Slider>
</FilterWrapper> </FilterWrapper>
); );
export default Sliders; export default Sliders;

155
packages/my-joyent/src/containers/home/__tests__/__snapshots__/index.spec.js.snap
View File

@ -503,7 +503,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
font-size: 0.625rem; font-size: 0.625rem;
color: #464646; color: #464646;
position: absolute; position: absolute;
top: 1rem; top: 0.875rem;
right: auto; right: auto;
} }
@ -512,7 +512,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
font-size: 0.625rem; font-size: 0.625rem;
color: #464646; color: #464646;
position: absolute; position: absolute;
top: 1rem; top: 0.875rem;
right: 1px; right: 1px;
} }
@ -624,6 +624,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
flex-basis: 5.625rem; flex-basis: 5.625rem;
width: 100%; width: 100%;
padding: 0.75rem 1.125rem 0 1.125rem; padding: 0.75rem 1.125rem 0 1.125rem;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
} }
.c36 { .c36 {
@ -659,6 +661,9 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
box-shadow: 0px 2px 0px rgba(0,0,0,0.05); box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
min-height: 11.5625rem; min-height: 11.5625rem;
min-width: 292px; min-width: 292px;
cursor: pointer;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
} }
.c37 { .c37 {
@ -761,6 +766,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
font-weight: 500; font-weight: 500;
text-transform: uppercase; text-transform: uppercase;
color: rgba(73,73,73,0.5); color: rgba(73,73,73,0.5);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
} }
.c4 { .c4 {
@ -1469,6 +1476,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -1484,6 +1493,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.016 0.016
@ -1492,6 +1502,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1503,6 +1514,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1514,6 +1526,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1525,6 +1538,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1538,6 +1552,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -1553,6 +1568,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -1568,6 +1585,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.033 0.033
@ -1576,6 +1594,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1587,6 +1606,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1598,6 +1618,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1609,6 +1630,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1622,6 +1644,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -1637,6 +1660,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -1652,6 +1677,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.066 0.066
@ -1660,6 +1686,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1671,6 +1698,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1682,6 +1710,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1693,6 +1722,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1706,6 +1736,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -1721,6 +1752,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -1736,6 +1769,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.131 0.131
@ -1744,6 +1778,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1755,6 +1790,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1766,6 +1802,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1777,6 +1814,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1790,6 +1828,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -1805,6 +1844,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -1820,6 +1861,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.263 0.263
@ -1828,6 +1870,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1839,6 +1882,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1850,6 +1894,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1861,6 +1906,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1874,6 +1920,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -1889,6 +1936,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -1904,6 +1953,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.525 0.525
@ -1912,6 +1962,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1923,6 +1974,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1934,6 +1986,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1945,6 +1998,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -1958,6 +2012,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -1973,6 +2028,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -1988,6 +2045,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.084 0.084
@ -1996,6 +2054,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2007,6 +2066,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2018,6 +2078,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2029,6 +2090,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2042,6 +2104,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
General Purpose General Purpose
</span> </span>
@ -2057,6 +2120,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -2072,6 +2137,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.166 0.166
@ -2080,6 +2146,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2091,6 +2158,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2102,6 +2170,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2113,6 +2182,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2126,6 +2196,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
General Purpose General Purpose
</span> </span>
@ -2141,6 +2212,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -2156,6 +2229,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.333 0.333
@ -2164,6 +2238,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2175,6 +2250,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2186,6 +2262,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2197,6 +2274,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2210,6 +2288,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
General Purpose General Purpose
</span> </span>
@ -2225,6 +2304,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -2240,6 +2321,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.665 0.665
@ -2248,6 +2330,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2259,6 +2342,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2270,6 +2354,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2281,6 +2366,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2294,6 +2380,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
General Purpose General Purpose
</span> </span>
@ -2309,6 +2396,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -2324,6 +2413,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.259 0.259
@ -2332,6 +2422,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2343,6 +2434,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2354,6 +2446,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2365,6 +2458,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2378,6 +2472,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Memory Optimized Memory Optimized
</span> </span>
@ -2393,6 +2488,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -2408,6 +2505,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.52 0.52
@ -2416,6 +2514,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2427,6 +2526,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2438,6 +2538,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2449,6 +2550,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2462,6 +2564,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Memory Optimized Memory Optimized
</span> </span>
@ -2477,6 +2580,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -2492,6 +2597,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
1.039 1.039
@ -2500,6 +2606,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2511,6 +2618,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2522,6 +2630,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2533,6 +2642,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2546,6 +2656,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Memory Optimized Memory Optimized
</span> </span>
@ -2561,6 +2672,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -2576,6 +2689,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
1.066 1.066
@ -2584,6 +2698,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2595,6 +2710,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2606,6 +2722,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2617,6 +2734,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2630,6 +2748,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Storage Optimized Storage Optimized
</span> </span>
@ -2645,6 +2764,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -2660,6 +2781,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
2.31 2.31
@ -2668,6 +2790,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2679,6 +2802,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2690,6 +2814,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2701,6 +2826,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2714,6 +2840,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Storage Optimized Storage Optimized
</span> </span>
@ -2729,6 +2856,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -2744,6 +2873,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.413 0.413
@ -2752,6 +2882,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2763,6 +2894,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2774,6 +2906,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2785,6 +2918,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2798,6 +2932,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Storage Optimized Storage Optimized
</span> </span>
@ -2813,6 +2948,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -2828,6 +2965,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.825 0.825
@ -2836,6 +2974,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2847,6 +2986,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2858,6 +2998,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2869,6 +3010,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2882,6 +3024,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Storage Optimized Storage Optimized
</span> </span>
@ -2897,6 +3040,8 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c35 c36" className="c35 c36"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c37" className="c37"
@ -2912,6 +3057,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c40" className="c40"
name="card-title" name="card-title"
selected={false}
> >
$ $
1.75 1.75
@ -2920,6 +3066,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2931,6 +3078,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2942,6 +3090,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2953,6 +3102,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
<div <div
className="c41 c40" className="c41 c40"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c42" className="c42"
@ -2966,6 +3116,7 @@ exports[`renders <HomeHOC /> without throwing 1`] = `
> >
<span <span
className="c44" className="c44"
selected={false}
> >
Storage Optimized Storage Optimized
</span> </span>

151
packages/my-joyent/src/containers/packages/__tests__/__snapshots__/index.spec.js.snap
View File

@ -43,6 +43,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
flex-basis: 5.625rem; flex-basis: 5.625rem;
width: 100%; width: 100%;
padding: 0.75rem 1.125rem 0 1.125rem; padding: 0.75rem 1.125rem 0 1.125rem;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
} }
.c3 { .c3 {
@ -78,6 +80,9 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
box-shadow: 0px 2px 0px rgba(0,0,0,0.05); box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
min-height: 11.5625rem; min-height: 11.5625rem;
min-width: 292px; min-width: 292px;
cursor: pointer;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
} }
.c4 { .c4 {
@ -180,6 +185,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
font-weight: 500; font-weight: 500;
text-transform: uppercase; text-transform: uppercase;
color: rgba(73,73,73,0.5); color: rgba(73,73,73,0.5);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
} }
.c2 { .c2 {
@ -262,6 +269,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -277,6 +286,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.016 0.016
@ -285,6 +295,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -296,6 +307,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -307,6 +319,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -318,6 +331,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -331,6 +345,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -346,6 +361,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -361,6 +378,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.033 0.033
@ -369,6 +387,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -380,6 +399,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -391,6 +411,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -402,6 +423,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -415,6 +437,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -430,6 +453,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -445,6 +470,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.066 0.066
@ -453,6 +479,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -464,6 +491,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -475,6 +503,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -486,6 +515,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -499,6 +529,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -514,6 +545,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -529,6 +562,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.131 0.131
@ -537,6 +571,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -548,6 +583,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -559,6 +595,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -570,6 +607,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -583,6 +621,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -598,6 +637,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -613,6 +654,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.263 0.263
@ -621,6 +663,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -632,6 +675,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -643,6 +687,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -654,6 +699,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -667,6 +713,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -682,6 +729,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -697,6 +746,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.525 0.525
@ -705,6 +755,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -716,6 +767,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -727,6 +779,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -738,6 +791,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -751,6 +805,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Compute Optimized Compute Optimized
</span> </span>
@ -766,6 +821,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -781,6 +838,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.084 0.084
@ -789,6 +847,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -800,6 +859,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -811,6 +871,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -822,6 +883,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -835,6 +897,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
General Purpose General Purpose
</span> </span>
@ -850,6 +913,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -865,6 +930,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.166 0.166
@ -873,6 +939,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -884,6 +951,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -895,6 +963,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -906,6 +975,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -919,6 +989,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
General Purpose General Purpose
</span> </span>
@ -934,6 +1005,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -949,6 +1022,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.333 0.333
@ -957,6 +1031,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -968,6 +1043,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -979,6 +1055,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -990,6 +1067,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1003,6 +1081,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
General Purpose General Purpose
</span> </span>
@ -1018,6 +1097,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -1033,6 +1114,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.665 0.665
@ -1041,6 +1123,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1052,6 +1135,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1063,6 +1147,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1074,6 +1159,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1087,6 +1173,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
General Purpose General Purpose
</span> </span>
@ -1102,6 +1189,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -1117,6 +1206,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.259 0.259
@ -1125,6 +1215,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1136,6 +1227,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1147,6 +1239,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1158,6 +1251,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1171,6 +1265,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Memory Optimized Memory Optimized
</span> </span>
@ -1186,6 +1281,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -1201,6 +1298,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.52 0.52
@ -1209,6 +1307,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1220,6 +1319,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1231,6 +1331,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1242,6 +1343,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1255,6 +1357,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Memory Optimized Memory Optimized
</span> </span>
@ -1270,6 +1373,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -1285,6 +1390,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
1.039 1.039
@ -1293,6 +1399,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1304,6 +1411,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1315,6 +1423,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1326,6 +1435,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1339,6 +1449,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Memory Optimized Memory Optimized
</span> </span>
@ -1354,6 +1465,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -1369,6 +1482,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
1.066 1.066
@ -1377,6 +1491,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1388,6 +1503,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1399,6 +1515,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1410,6 +1527,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1423,6 +1541,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Storage Optimized Storage Optimized
</span> </span>
@ -1438,6 +1557,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -1453,6 +1574,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
2.31 2.31
@ -1461,6 +1583,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1472,6 +1595,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1483,6 +1607,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1494,6 +1619,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1507,6 +1633,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Storage Optimized Storage Optimized
</span> </span>
@ -1522,6 +1649,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -1537,6 +1666,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.413 0.413
@ -1545,6 +1675,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1556,6 +1687,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1567,6 +1699,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1578,6 +1711,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1591,6 +1725,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Storage Optimized Storage Optimized
</span> </span>
@ -1606,6 +1741,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -1621,6 +1758,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
0.825 0.825
@ -1629,6 +1767,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1640,6 +1779,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1651,6 +1791,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1662,6 +1803,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1675,6 +1817,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Storage Optimized Storage Optimized
</span> </span>
@ -1690,6 +1833,8 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c2 c3" className="c2 c3"
name="card" name="card"
onClick={[Function]}
selected={false}
> >
<div <div
className="c4" className="c4"
@ -1705,6 +1850,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c7" className="c7"
name="card-title" name="card-title"
selected={false}
> >
$ $
1.75 1.75
@ -1713,6 +1859,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1724,6 +1871,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1735,6 +1883,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1746,6 +1895,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
<div <div
className="c8 c7" className="c8 c7"
name="card-subtitle" name="card-subtitle"
selected={false}
> >
<span <span
className="c9" className="c9"
@ -1759,6 +1909,7 @@ exports[`renders <PackagesHOC /> without throwing 1`] = `
> >
<span <span
className="c11" className="c11"
selected={false}
> >
Storage Optimized Storage Optimized
</span> </span>

1
packages/ui-toolkit/src/card/card.js
View File

@ -49,6 +49,7 @@ const StyledCard = Row.extend`
${is('transparent', 'selected')` ${is('transparent', 'selected')`
border: 1px solid ${props => props.theme.blue}; border: 1px solid ${props => props.theme.blue};
background: ${props => props.theme.tertiaryActive}; background: ${props => props.theme.tertiaryActive};
box-shadow: none;
`}; `};
${is('stacked')` ${is('stacked')`

1
packages/ui-toolkit/src/card/footer.js
View File

@ -27,6 +27,7 @@ const Span = styled.span`
text-transform: uppercase; text-transform: uppercase;
color: rgba(73, 73, 73, 0.5); color: rgba(73, 73, 73, 0.5);
transition: all 300ms ease;
${is('selected')` ${is('selected')`
color: rgba(41, 49, 194, 0.5); color: rgba(41, 49, 194, 0.5);

3
packages/ui-toolkit/src/card/title.js
View File

@ -25,6 +25,7 @@ const Container = styled.div`
width: 100%; width: 100%;
padding: ${remcalc(12)} ${remcalc(18)} 0 ${remcalc(18)}; padding: ${remcalc(12)} ${remcalc(18)} 0 ${remcalc(18)};
transition: all 300ms ease;
${is('fromHeader')` ${is('fromHeader')`
color: ${props => props.theme.white}; color: ${props => props.theme.white};
@ -38,7 +39,7 @@ const Container = styled.div`
padding: 0 ${remcalc(18)}; padding: 0 ${remcalc(18)};
`}; `};
${is('selected')` ${is('selected')`
color: ${props => props.theme.blue}; color: ${props => props.theme.blue};
`}; `};
`; `;

8
packages/ui-toolkit/src/slider/react-input-range/input-range/input-range.jsx
View File

@ -36,7 +36,7 @@ export default class InputRange extends Component {
minValue: rangePropType, minValue: rangePropType,
name: PropTypes.string, name: PropTypes.string,
onChangeStart: PropTypes.func, onChangeStart: PropTypes.func,
onChange: PropTypes.func.isRequired, onChange: PropTypes.func,
onChangeComplete: PropTypes.func, onChangeComplete: PropTypes.func,
step: PropTypes.number, step: PropTypes.number,
value: valuePropType value: valuePropType
@ -129,7 +129,7 @@ export default class InputRange extends Component {
* @return {ClientRect} * @return {ClientRect}
*/ */
getTrackClientRect() { getTrackClientRect() {
return this.trackNode.getClientRect(); return this.trackNode && this.trackNode.getClientRect();
} }
/** /**
@ -379,7 +379,7 @@ export default class InputRange extends Component {
* @return {void} * @return {void}
*/ */
removeDocumentMouseUpListener() { removeDocumentMouseUpListener() {
this.node.ownerDocument.removeEventListener('mouseup', this.handleMouseUp); this.node && this.node.ownerDocument.removeEventListener('mouseup', this.handleMouseUp);
} }
/** /**
@ -697,7 +697,7 @@ export default class InputRange extends Component {
return ( return (
<RangeStyled <RangeStyled
aria-disabled={this.props.disabled} aria-disabled={this.props.disabled}
ref={node => { innerRef={node => {
this.node = node; this.node = node;
}} }}
onKeyDown={this.handleKeyDown} onKeyDown={this.handleKeyDown}

6
packages/ui-toolkit/src/slider/react-input-range/input-range/label.jsx
View File

@ -10,7 +10,7 @@ const Span = styled.span`
font-size: ${remcalc(10)}; font-size: ${remcalc(10)};
color: ${theme.secondary}; color: ${theme.secondary};
position: absolute; position: absolute;
top: ${remcalc(8)}; top: ${remcalc(14)};
right: ${props => (props.type === 'max' ? '1px' : 'auto')}; right: ${props => (props.type === 'max' ? '1px' : 'auto')};
`; `;
@ -38,7 +38,7 @@ export default function Label(props) {
*/ */
Label.propTypes = { Label.propTypes = {
children: PropTypes.node.isRequired, children: PropTypes.node.isRequired,
classNames: PropTypes.objectOf(PropTypes.string).isRequired, classNames: PropTypes.objectOf(PropTypes.string),
formatLabel: PropTypes.func, formatLabel: PropTypes.func,
type: PropTypes.string.isRequired type: PropTypes.string
}; };

18
packages/ui-toolkit/src/slider/react-input-range/input-range/slider.jsx
View File

@ -57,15 +57,15 @@ export default class Slider extends Component {
return { return {
ariaLabelledby: PropTypes.string, ariaLabelledby: PropTypes.string,
ariaControls: PropTypes.string, ariaControls: PropTypes.string,
classNames: PropTypes.objectOf(PropTypes.string).isRequired, classNames: PropTypes.objectOf(PropTypes.string),
formatLabel: PropTypes.func, formatLabel: PropTypes.func,
maxValue: PropTypes.number, maxValue: PropTypes.number,
minValue: PropTypes.number, minValue: PropTypes.number,
onSliderDrag: PropTypes.func.isRequired, onSliderDrag: PropTypes.func,
onSliderKeyDown: PropTypes.func.isRequired, onSliderKeyDown: PropTypes.func,
percentage: PropTypes.number.isRequired, percentage: PropTypes.number,
type: PropTypes.string.isRequired, type: PropTypes.string,
value: PropTypes.number.isRequired value: PropTypes.number
}; };
} }
@ -183,7 +183,11 @@ export default class Slider extends Component {
* @return {void} * @return {void}
*/ */
removeDocumentMouseUpListener() { removeDocumentMouseUpListener() {
this.node.ownerDocument.removeEventListener('mouseup', this.handleMouseUp); this.node &&
this.node.ownerDocument.removeEventListener(
'mouseup',
this.handleMouseUp
);
} }
/** /**

12
packages/ui-toolkit/src/slider/react-input-range/input-range/track.jsx
View File

@ -35,11 +35,11 @@ export default class Track extends Component {
static get propTypes() { static get propTypes() {
return { return {
children: PropTypes.node.isRequired, children: PropTypes.node.isRequired,
classNames: PropTypes.objectOf(PropTypes.string).isRequired, classNames: PropTypes.objectOf(PropTypes.string),
draggableTrack: PropTypes.bool, draggableTrack: PropTypes.bool,
onTrackDrag: PropTypes.func, onTrackDrag: PropTypes.func,
onTrackMouseDown: PropTypes.func.isRequired, onTrackMouseDown: PropTypes.func,
percentages: PropTypes.objectOf(PropTypes.number).isRequired percentages: PropTypes.objectOf(PropTypes.number)
}; };
} }
@ -123,7 +123,11 @@ export default class Track extends Component {
* @return {void} * @return {void}
*/ */
removeDocumentMouseUpListener() { removeDocumentMouseUpListener() {
this.node.ownerDocument.removeEventListener('mouseup', this.handleMouseUp); this.node &&
this.node.ownerDocument.removeEventListener(
'mouseup',
this.handleMouseUp
);
} }
/** /**