mirror of
https://github.com/SomboChea/ui
synced 2024-06-27 21:45:33 +07:00
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import React, { useContext } from 'react';
|
|
import styled from 'react-emotion';
|
|
|
|
import { DetailContext } from '../../pages/Version';
|
|
import { fontWeight } from '../../utils/styles/sizes';
|
|
import Text from '../../muiComponents/Text';
|
|
import List from '../../muiComponents/List';
|
|
|
|
import InstallListItem, { DependencyManager } from './InstallListItem';
|
|
|
|
const StyledText = styled(Text)({
|
|
fontWeight: fontWeight.bold,
|
|
textTransform: 'capitalize',
|
|
});
|
|
|
|
const Install: React.FC = () => {
|
|
const detailContext = useContext(DetailContext);
|
|
|
|
const { packageMeta, packageName } = detailContext;
|
|
|
|
if (!packageMeta || !packageName) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<List data-testid={'installList'} subheader={<StyledText variant={'subtitle1'}>{'Installation'}</StyledText>}>
|
|
<InstallListItem dependencyManager={DependencyManager.NPM} packageName={packageName} />
|
|
<InstallListItem dependencyManager={DependencyManager.YARN} packageName={packageName} />
|
|
<InstallListItem dependencyManager={DependencyManager.PNPM} packageName={packageName} />
|
|
</List>
|
|
);
|
|
};
|
|
|
|
export default Install;
|