mirror of
https://github.com/yldio/copilot.git
synced 2024-11-14 15:20:06 +02:00
feat(cp-frontend): show diff loading msg when provisioning
This commit is contained in:
parent
820dcfd728
commit
391267d609
@ -75,6 +75,7 @@
|
||||
"jest-matcher-utils": "^20.0.3",
|
||||
"jest-snapshot": "^20.0.3",
|
||||
"jest-styled-components": "^4.2.2",
|
||||
"lodash.sortby": "^4.7.0",
|
||||
"mz": "^2.6.0",
|
||||
"react-scripts": "^1.0.7",
|
||||
"react-test-renderer": "^15.6.1",
|
||||
|
@ -1,6 +1,6 @@
|
||||
import { Grid } from 'react-styled-flexboxgrid';
|
||||
import remcalc from 'remcalc';
|
||||
import { isNot } from 'styled-is';
|
||||
import is, { isNot } from 'styled-is';
|
||||
|
||||
export default Grid.extend`
|
||||
padding-top: ${remcalc(19)};
|
||||
@ -10,4 +10,13 @@ export default Grid.extend`
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
`};
|
||||
|
||||
${is('center')`
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
`};
|
||||
`;
|
||||
|
@ -1,7 +1,34 @@
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
|
||||
import { P } from 'joyent-ui-toolkit';
|
||||
import { P, StatusLoader } from 'joyent-ui-toolkit';
|
||||
|
||||
export default () => {
|
||||
return <P>Loading...</P>;
|
||||
};
|
||||
const Container = styled.div`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex: 1 1 auto;
|
||||
align-self: stretch;
|
||||
`;
|
||||
|
||||
const Loader = styled(StatusLoader)`
|
||||
flex: 0 0 auto;
|
||||
align-self: stretch;
|
||||
`;
|
||||
|
||||
const Msg = P.extend`
|
||||
flex: 0 0 auto;
|
||||
align-self: stretch;
|
||||
text-align: center;
|
||||
`;
|
||||
|
||||
export default ({ msg }) =>
|
||||
<Container>
|
||||
<Loader />
|
||||
<Msg>
|
||||
{msg || 'Loading...'}
|
||||
</Msg>
|
||||
</Container>;
|
||||
|
Loading…
Reference in New Issue
Block a user