FM / home

/usr/lib/node_modules/npm/docs/src/components/home/

/usr/lib/node_modules/npm/docs/src/components/home

Name	Size	Mode	Actions
cubes.js	2342	0644	edit dl rm
DarkBlock.js	1098	0644	edit dl rm
FeatureCard.js	861	0644	edit dl rm
Features.js	2469	0644	edit dl rm
Footer.js	672	0644	edit dl rm
hero.js	616	0644	edit dl rm
Terminal.js	2803	0644	edit dl rm
Windows.js	1584	0644	edit dl rm

Edit: /usr/lib/node_modules/npm/docs/src/components/home/DarkBlock.js (1098B)

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>
        </Text>
        <Box pt={4}><LinkButton to='cli-commands/npm' w={'120px'}>read docs</LinkButton></Box>
      </ContentWrapper>
    </Container>
  )
}

export default DarkBlock

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 (

The current stable version of npm is available on GitHub.

To upgrade, run: npm install npm@latest -g

read docs ) } export default DarkBlock