aboutsummaryrefslogtreecommitdiff
path: root/deps/npm/docs/src/components/home/DarkBlock.js
diff options
context:
space:
mode:
authorRuy Adorno <ruyadorno@hotmail.com>2019-11-05 14:55:08 -0500
committerRich Trott <rtrott@gmail.com>2019-11-09 20:13:43 -0800
commit4b97c3addb246274cd7e8432edd537e0bdf60b63 (patch)
tree9f859239c3b38b04ddc58ee736bf6b2caf6008a5 /deps/npm/docs/src/components/home/DarkBlock.js
parent5f9794ea9aaaf5597974a65460e1f3069f68475f (diff)
downloadandroid-node-v8-4b97c3addb246274cd7e8432edd537e0bdf60b63.tar.gz
android-node-v8-4b97c3addb246274cd7e8432edd537e0bdf60b63.tar.bz2
android-node-v8-4b97c3addb246274cd7e8432edd537e0bdf60b63.zip
deps: update npm to 6.13.0
PR-URL: https://github.com/nodejs/node/pull/30271 Reviewed-By: Jiawen Geng <technicalcute@gmail.com> Reviewed-By: Trivikram Kamat <trivikr.dev@gmail.com> Reviewed-By: Ruben Bridgewater <ruben@bridgewater.de>
Diffstat (limited to 'deps/npm/docs/src/components/home/DarkBlock.js')
-rw-r--r--deps/npm/docs/src/components/home/DarkBlock.js41
1 files changed, 41 insertions, 0 deletions
diff --git a/deps/npm/docs/src/components/home/DarkBlock.js b/deps/npm/docs/src/components/home/DarkBlock.js
new file mode 100644
index 0000000000..ebe7753314
--- /dev/null
+++ b/deps/npm/docs/src/components/home/DarkBlock.js
@@ -0,0 +1,41 @@
+import React from 'react'
+import styled from 'styled-components'
+import {Flex, Box} from 'rebass'
+import {LinkButton} from '../Button'
+
+const Container = styled(Flex)`
+ background-color: ${(props) => props.theme.colors.purpleBlack};
+ color: ${(props) => props.theme.colors.white};
+`
+
+const ContentWrapper = styled(Flex)`
+ max-width: 640px;
+ align-items: center;
+`
+
+const Text = styled.p`
+ line-height: 1.5;
+ text-align: center;
+`
+
+const aStyle = {
+ color: '#fb3b49',
+ textDecoration: 'none'
+}
+
+const DarkBlock = () => {
+ return (
+ <Container>
+ <ContentWrapper px={4} py={6} m='auto' flexDirection='column'>
+ <Text>
+ <p>The current stable version of npm is <a href={'https://github.com/npm/cli/releases/latest'} style={aStyle}>available on GitHub.</a></p>
+ <p>To upgrade, run: <code className={'language-text'} style={{color: 'white'}}>npm install npm@latest -g</code></p>
+ <p>To report bugs or submit feature requests, <a href={'#'} style={aStyle}>please XXX.</a></p>
+ </Text>
+ <Box pt={4}><LinkButton to='cli-commands/npm' w={'120px'}>read docs</LinkButton></Box>
+ </ContentWrapper>
+ </Container>
+ )
+}
+
+export default DarkBlock