mirror of
https://github.com/SomboChea/ui
synced 2024-06-27 21:45:33 +07:00
a8deeb9b9d
* refactor: introduced forwardref * refacttor: updated ref's * fix: fixed func's name * fix: fixed snapshots * fix: updated snap
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import React, { useContext } from 'react';
|
|
import styled from 'react-emotion';
|
|
import List from '@material-ui/core/List';
|
|
|
|
import { DetailContext } from '../../pages/Version';
|
|
import { fontWeight } from '../../utils/styles/sizes';
|
|
import Text from '../../muiComponents/Text';
|
|
|
|
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;
|