fix(my-joy-beta): remove clickable rows

This commit is contained in:
Sara Vieira 2018-02-22 14:47:41 +00:00
parent ecc55d6b6c
commit 48dc324a12
7 changed files with 1031 additions and 1128 deletions

View File

@ -3245,7 +3245,7 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
`;
exports[`renders <Item /> without throwing 1`] = `
.c14 {
.c13 {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration-skip: objects;
@ -3315,12 +3315,12 @@ exports[`renders <Item /> without throwing 1`] = `
cursor: not-allowed;
}
.c13 {
.c12 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
}
.c13:hover {
.c12:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
@ -3334,11 +3334,11 @@ exports[`renders <Item /> without throwing 1`] = `
padding-top: 0.25rem;
}
.c18 {
.c17 {
padding: 0rem;
}
.c22 {
.c21 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -3366,7 +3366,7 @@ exports[`renders <Item /> without throwing 1`] = `
align-items: center;
}
.c15 {
.c14 {
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
@ -3451,7 +3451,7 @@ exports[`renders <Item /> without throwing 1`] = `
-webkit-padding-after: 0;
}
.c20 {
.c19 {
cursor: pointer;
height: 100%;
width: 100%;
@ -3505,6 +3505,31 @@ exports[`renders <Item /> without throwing 1`] = `
border-right-width: 0;
}
.c15 {
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(216,216,216);
border-spacing: 0;
white-space: nowrap;
box-sizing: border-box;
padding: 0 1.5rem;
height: 3.75rem;
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
.c15:not(:first-child) {
border-left-width: 0;
}
.c15:not(:last-child) {
border-right-width: 0;
}
.c16 {
border-width: 0.0625rem;
border-style: solid;
@ -3530,32 +3555,7 @@ exports[`renders <Item /> without throwing 1`] = `
border-right-width: 0;
}
.c17 {
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(216,216,216);
border-spacing: 0;
white-space: nowrap;
box-sizing: border-box;
padding: 0 1.5rem;
height: 3.75rem;
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
.c17:not(:first-child) {
border-left-width: 0;
}
.c17:not(:last-child) {
border-right-width: 0;
}
.c19 {
.c18 {
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(216,216,216);
@ -3568,11 +3568,11 @@ exports[`renders <Item /> without throwing 1`] = `
border-left-width: 0.0625rem !important;
}
.c19:not(:first-child) {
.c18:not(:first-child) {
border-left-width: 0;
}
.c19:not(:last-child) {
.c18:not(:last-child) {
border-right-width: 0;
}
@ -3593,31 +3593,27 @@ exports[`renders <Item /> without throwing 1`] = `
}
.c11 {
cursor: pointer;
}
.c12 {
color: rgba(73,73,73,1);
-webkit-text-decoration: none;
text-decoration: none;
font-weight: 600;
}
.c21 {
.c20 {
width: 3rem;
height: 3rem;
min-width: 3rem;
}
@media only screen and (min-width:47.9375rem) {
.c16 {
.c15 {
width: 10rem;
display: table-cell;
}
}
@media only screen and (min-width:47.9375rem) {
.c17 {
.c16 {
width: 8.125rem;
display: table-cell;
}
@ -3678,27 +3674,25 @@ exports[`renders <Item /> without throwing 1`] = `
</div>
</td>
<td
className="c11 c4"
className="c4"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<a
className="c12 c13 c14"
className="c11 c12 c13"
to="/undefined"
/>
</td>
<td
className="c11 c4"
className="c4"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<span>
<span
className="c15"
className="c14"
color="green"
size="0.75rem"
/>
@ -3707,19 +3701,17 @@ exports[`renders <Item /> without throwing 1`] = `
</span>
</td>
<td
className="c11 c16"
className="c15"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
almost NaN years
</td>
<td
className="c11 c17"
className="c16"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<code>
@ -3727,22 +3719,21 @@ exports[`renders <Item /> without throwing 1`] = `
</code>
</td>
<td
className="c11 c18 c19"
className="c17 c18"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<div
box={true}
className="c20"
className="c19"
onClick={[Function]}
onMouseEnter={undefined}
onMouseLeave={undefined}
tag="div"
>
<div
className="c21 c22"
className="c20 c21"
>
<svg
className=""
@ -3771,7 +3762,7 @@ exports[`renders <Item /> without throwing 1`] = `
`;
exports[`renders <Item {...item} /> without throwing 1`] = `
.c14 {
.c13 {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration-skip: objects;
@ -3841,12 +3832,12 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
cursor: not-allowed;
}
.c13 {
.c12 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
}
.c13:hover {
.c12:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
@ -3860,11 +3851,11 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
padding-top: 0.25rem;
}
.c18 {
.c17 {
padding: 0rem;
}
.c22 {
.c21 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -3892,7 +3883,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
align-items: center;
}
.c15 {
.c14 {
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
@ -3977,7 +3968,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
-webkit-padding-after: 0;
}
.c20 {
.c19 {
cursor: pointer;
height: 100%;
width: 100%;
@ -4031,6 +4022,31 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
border-right-width: 0;
}
.c15 {
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(216,216,216);
border-spacing: 0;
white-space: nowrap;
box-sizing: border-box;
padding: 0 1.5rem;
height: 3.75rem;
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
.c15:not(:first-child) {
border-left-width: 0;
}
.c15:not(:last-child) {
border-right-width: 0;
}
.c16 {
border-width: 0.0625rem;
border-style: solid;
@ -4056,32 +4072,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
border-right-width: 0;
}
.c17 {
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(216,216,216);
border-spacing: 0;
white-space: nowrap;
box-sizing: border-box;
padding: 0 1.5rem;
height: 3.75rem;
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
.c17:not(:first-child) {
border-left-width: 0;
}
.c17:not(:last-child) {
border-right-width: 0;
}
.c19 {
.c18 {
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(216,216,216);
@ -4094,11 +4085,11 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
border-left-width: 0.0625rem !important;
}
.c19:not(:first-child) {
.c18:not(:first-child) {
border-left-width: 0;
}
.c19:not(:last-child) {
.c18:not(:last-child) {
border-right-width: 0;
}
@ -4119,31 +4110,27 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
}
.c11 {
cursor: pointer;
}
.c12 {
color: rgba(73,73,73,1);
-webkit-text-decoration: none;
text-decoration: none;
font-weight: 600;
}
.c21 {
.c20 {
width: 3rem;
height: 3rem;
min-width: 3rem;
}
@media only screen and (min-width:47.9375rem) {
.c16 {
.c15 {
width: 10rem;
display: table-cell;
}
}
@media only screen and (min-width:47.9375rem) {
.c17 {
.c16 {
width: 8.125rem;
display: table-cell;
}
@ -4204,29 +4191,27 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
</div>
</td>
<td
className="c11 c4"
className="c4"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<a
className="c12 c13 c14"
className="c11 c12 c13"
to="/name"
>
name
</a>
</td>
<td
className="c11 c4"
className="c4"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<span>
<span
className="c15"
className="c14"
color="primary"
size="0.75rem"
/>
@ -4235,19 +4220,17 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
</span>
</td>
<td
className="c11 c16"
className="c15"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
almost NaN years
</td>
<td
className="c11 c17"
className="c16"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<code>
@ -4255,22 +4238,21 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
</code>
</td>
<td
className="c11 c18 c19"
className="c17 c18"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<div
box={true}
className="c20"
className="c19"
onClick={[Function]}
onMouseEnter={undefined}
onMouseLeave={undefined}
tag="div"
>
<div
className="c21 c22"
className="c20 c21"
>
<svg
className=""
@ -4299,7 +4281,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
`;
exports[`renders <Item allowedActions /> without throwing 1`] = `
.c14 {
.c13 {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration-skip: objects;
@ -4369,12 +4351,12 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
cursor: not-allowed;
}
.c13 {
.c12 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
}
.c13:hover {
.c12:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
@ -4388,11 +4370,11 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
padding-top: 0.25rem;
}
.c18 {
.c17 {
padding: 0rem;
}
.c22 {
.c21 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -4420,7 +4402,7 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
align-items: center;
}
.c15 {
.c14 {
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
@ -4505,7 +4487,7 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
-webkit-padding-after: 0;
}
.c20 {
.c19 {
cursor: pointer;
height: 100%;
width: 100%;
@ -4559,6 +4541,31 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
border-right-width: 0;
}
.c15 {
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(216,216,216);
border-spacing: 0;
white-space: nowrap;
box-sizing: border-box;
padding: 0 1.5rem;
height: 3.75rem;
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
.c15:not(:first-child) {
border-left-width: 0;
}
.c15:not(:last-child) {
border-right-width: 0;
}
.c16 {
border-width: 0.0625rem;
border-style: solid;
@ -4584,32 +4591,7 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
border-right-width: 0;
}
.c17 {
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(216,216,216);
border-spacing: 0;
white-space: nowrap;
box-sizing: border-box;
padding: 0 1.5rem;
height: 3.75rem;
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
.c17:not(:first-child) {
border-left-width: 0;
}
.c17:not(:last-child) {
border-right-width: 0;
}
.c19 {
.c18 {
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(216,216,216);
@ -4622,11 +4604,11 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
border-left-width: 0.0625rem !important;
}
.c19:not(:first-child) {
.c18:not(:first-child) {
border-left-width: 0;
}
.c19:not(:last-child) {
.c18:not(:last-child) {
border-right-width: 0;
}
@ -4647,31 +4629,27 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
}
.c11 {
cursor: pointer;
}
.c12 {
color: rgba(73,73,73,1);
-webkit-text-decoration: none;
text-decoration: none;
font-weight: 600;
}
.c21 {
.c20 {
width: 3rem;
height: 3rem;
min-width: 3rem;
}
@media only screen and (min-width:47.9375rem) {
.c16 {
.c15 {
width: 10rem;
display: table-cell;
}
}
@media only screen and (min-width:47.9375rem) {
.c17 {
.c16 {
width: 8.125rem;
display: table-cell;
}
@ -4732,27 +4710,25 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
</div>
</td>
<td
className="c11 c4"
className="c4"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<a
className="c12 c13 c14"
className="c11 c12 c13"
to="/undefined"
/>
</td>
<td
className="c11 c4"
className="c4"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<span>
<span
className="c15"
className="c14"
color="green"
size="0.75rem"
/>
@ -4761,19 +4737,17 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
</span>
</td>
<td
className="c11 c16"
className="c15"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
almost NaN years
</td>
<td
className="c11 c17"
className="c16"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<code>
@ -4781,22 +4755,21 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
</code>
</td>
<td
className="c11 c18 c19"
className="c17 c18"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<div
box={true}
className="c20"
className="c19"
onClick={[Function]}
onMouseEnter={undefined}
onMouseLeave={undefined}
tag="div"
>
<div
className="c21 c22"
className="c20 c21"
>
<svg
className=""
@ -4825,7 +4798,7 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
`;
exports[`renders <Item mutating /> without throwing 1`] = `
.c14 {
.c13 {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration-skip: objects;
@ -4895,12 +4868,12 @@ exports[`renders <Item mutating /> without throwing 1`] = `
cursor: not-allowed;
}
.c13 {
.c12 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
}
.c13:hover {
.c12:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
@ -4914,18 +4887,18 @@ exports[`renders <Item mutating /> without throwing 1`] = `
padding-top: 0.25rem;
}
.c21 {
.c20 {
padding: 0rem;
}
.c16 {
.c15 {
fill: rgb(59,70,204);
stroke: rgb(59,70,204);
-webkit-animation: iCqDak 1.5s ease-out 0s infinite;
animation: iCqDak 1.5s ease-out 0s infinite;
}
.c17 {
.c16 {
fill: rgb(59,70,204);
stroke: rgb(59,70,204);
-webkit-animation: iCqDak 1.5s ease-out 0s infinite;
@ -4934,7 +4907,7 @@ exports[`renders <Item mutating /> without throwing 1`] = `
animation-delay: 0.5s;
}
.c18 {
.c17 {
fill: rgb(59,70,204);
stroke: rgb(59,70,204);
-webkit-animation: iCqDak 1.5s ease-out 0s infinite;
@ -4943,7 +4916,7 @@ exports[`renders <Item mutating /> without throwing 1`] = `
animation-delay: 1s;
}
.c15 {
.c14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -5082,6 +5055,31 @@ exports[`renders <Item mutating /> without throwing 1`] = `
border-right-width: 0;
}
.c18 {
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(216,216,216);
border-spacing: 0;
white-space: nowrap;
box-sizing: border-box;
padding: 0 1.5rem;
height: 3.75rem;
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
.c18:not(:first-child) {
border-left-width: 0;
}
.c18:not(:last-child) {
border-right-width: 0;
}
.c19 {
border-width: 0.0625rem;
border-style: solid;
@ -5107,32 +5105,7 @@ exports[`renders <Item mutating /> without throwing 1`] = `
border-right-width: 0;
}
.c20 {
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(216,216,216);
border-spacing: 0;
white-space: nowrap;
box-sizing: border-box;
padding: 0 1.5rem;
height: 3.75rem;
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
.c20:not(:first-child) {
border-left-width: 0;
}
.c20:not(:last-child) {
border-right-width: 0;
}
.c22 {
.c21 {
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(216,216,216);
@ -5148,11 +5121,11 @@ exports[`renders <Item mutating /> without throwing 1`] = `
border-left-width: 0.0625rem !important;
}
.c22:not(:first-child) {
.c21:not(:first-child) {
border-left-width: 0;
}
.c22:not(:last-child) {
.c21:not(:last-child) {
border-right-width: 0;
}
@ -5173,10 +5146,6 @@ exports[`renders <Item mutating /> without throwing 1`] = `
}
.c11 {
cursor: pointer;
}
.c12 {
color: rgba(73,73,73,1);
-webkit-text-decoration: none;
text-decoration: none;
@ -5184,14 +5153,14 @@ exports[`renders <Item mutating /> without throwing 1`] = `
}
@media only screen and (min-width:47.9375rem) {
.c19 {
.c18 {
width: 10rem;
display: table-cell;
}
}
@media only screen and (min-width:47.9375rem) {
.c20 {
.c19 {
width: 8.125rem;
display: table-cell;
}
@ -5252,47 +5221,45 @@ exports[`renders <Item mutating /> without throwing 1`] = `
</div>
</td>
<td
className="c11 c4"
className="c4"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<a
className="c12 c13 c14"
className="c11 c12 c13"
to="/undefined"
/>
</td>
<td
className="c11 c4"
className="c4"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<div
className="c15"
className="c14"
>
<svg
height="10"
width="28"
>
<rect
className="c16"
className="c15"
height="6"
width="6"
x="2"
y="2"
/>
<rect
className="c17"
className="c16"
height="6"
width="6"
x="11"
y="2"
/>
<rect
className="c18"
className="c17"
height="6"
width="6"
x="20"
@ -5302,19 +5269,17 @@ exports[`renders <Item mutating /> without throwing 1`] = `
</div>
</td>
<td
className="c11 c19"
className="c18"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
almost NaN years
</td>
<td
className="c11 c20"
className="c19"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<code>
@ -5322,10 +5287,9 @@ exports[`renders <Item mutating /> without throwing 1`] = `
</code>
</td>
<td
className="c11 c21 c22"
className="c20 c21"
disabled={undefined}
name="td"
onClick={undefined}
selected={undefined}
>
<svg

View File

@ -36,10 +36,6 @@ const stateColor = {
FAILED: 'red'
};
const TableTdClickable = styled(TableTd)`
cursor: pointer;
`;
const A = styled(Anchor)`
color: ${props => props.theme.text};
text-decoration: none;
@ -78,12 +74,12 @@ export const Item = ({
<Checkbox noMargin />
</FormGroup>
</TableTd>
<TableTdClickable middle left onClick={onClick}>
<TableTd middle left>
<A to={`/${name}`} component={Link}>
{name}
</A>
</TableTdClickable>
<TableTdClickable onClick={onClick} middle left>
</TableTd>
<TableTd middle left>
{mutating ? (
<StatusLoader small />
) : (
@ -92,16 +88,16 @@ export const Item = ({
{titleCase(state)}
</span>
)}
</TableTdClickable>
<TableTdClickable onClick={onClick} xs="0" sm="160" middle left>
</TableTd>
<TableTd xs="0" sm="160" middle left>
{distanceInWordsToNow(created)}
</TableTdClickable>
<TableTdClickable onClick={onClick} xs="0" sm="130" middle left>
</TableTd>
<TableTd xs="0" sm="130" middle left>
<code>{id.substring(0, 7)}</code>
</TableTdClickable>
</TableTd>
{!mutating ? (
<PopoverContainer clickable>
<TableTdClickable onClick={onClick} padding="0" hasBorder="left">
<TableTd padding="0" hasBorder="left">
<PopoverTarget box>
<Actions alignCenter justifyCenter>
<ActionsIcon />
@ -131,17 +127,17 @@ export const Item = ({
Remove
</PopoverItem>
</Popover>
</TableTdClickable>
</TableTd>
</PopoverContainer>
) : (
<TableTdClickable
onClick={onClick}
<TableTd
padding="0"
hasBorder="left"
center
middle>
<ActionsIcon disabled />
</TableTdClickable>
</TableTd>
)}
</TableTr>
);

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -113,7 +113,6 @@ export const List = ({
id={id}
name={name}
{...rest}
onClick={() => history.push(`/${name}`)}
onCreateImage={() => handleCreateImage(rest)}
onStart={() => handleStart([{ id }])}
onStop={() => handleStop([{ id }])}