diff --git a/packages/cp-frontend/package.json b/packages/cp-frontend/package.json index 9ef224db..17bd2923 100644 --- a/packages/cp-frontend/package.json +++ b/packages/cp-frontend/package.json @@ -6,7 +6,7 @@ "repository": "github:yldio/joyent-portal", "main": "src/index.js", "scripts": { - "dev": "REACT_APP_GQL_PORT=3000 PORT=3069 react-scripts start", + "dev": "REACT_APP_GQL_PORT=3000 PORT=3069 REACT_APP_GQL_PROTOCOL=http react-scripts start", "start": "PORT=3069 react-scripts start", "build": "NODE_ENV=production react-scripts build", "lint:css": "echo 0", diff --git a/packages/cp-frontend/src/containers/deployment-groups/list.js b/packages/cp-frontend/src/containers/deployment-groups/list.js index 5e833e52..2dd1f607 100644 --- a/packages/cp-frontend/src/containers/deployment-groups/list.js +++ b/packages/cp-frontend/src/containers/deployment-groups/list.js @@ -90,11 +90,23 @@ const StyledIconButton = styled(IconButton)` border: none; &:hover, + &:focus, &:active, &:active:hover, &:active:focus { background-color: ${props => props.theme.white}; } + + &:focus > svg, + &:hover > svg { + fill: ${props => props.theme.red}; + } + + &:active > svg, + &:active:hover > svg, + &:active:focus > svg { + fill: ${props => props.theme.redDark}; + } `; const DeploymentGroupList = ({ diff --git a/packages/cp-frontend/src/router.js b/packages/cp-frontend/src/router.js index 93cf2550..c0dd2e20 100644 --- a/packages/cp-frontend/src/router.js +++ b/packages/cp-frontend/src/router.js @@ -41,37 +41,54 @@ const serviceRedirect = p => .params.service}/instances`} />; -const Router = ( - - - +// TODO component to be designed +const notFound = p => { + return

+ NOT FOUND +

; +} - - - - - - - - - - +const APP = p => ( +
- - + + + + + + + + + + + + + + + + + + + + + + - - - + - + - - - - - - - - - - + + + + + + + +
+) + +const Router = ( + + + + + + + + );