diff options
author | 2021-05-03 12:15:13 -0500 | |
---|---|---|
committer | 2021-05-03 12:15:13 -0500 | |
commit | ed631329e731d31e384dacc1ec399ba60b7c906b (patch) | |
tree | 0c998bb642c1feab773cb0e751dbb0ece1e59d64 /packages/create-astro/src/components/Install.tsx | |
parent | 467820996f71b0c78f2000294cb6f3c0a8f3aca4 (diff) | |
download | astro-ed631329e731d31e384dacc1ec399ba60b7c906b.tar.gz astro-ed631329e731d31e384dacc1ec399ba60b7c906b.tar.zst astro-ed631329e731d31e384dacc1ec399ba60b7c906b.zip |
`create-astro` UI (#164)
* refactor: improve create-astro layout, build script
* feat(create-astro): v0.1.0
* docs(create-astro): add README
* feat(create-astro): add meta files to starter templates
Diffstat (limited to 'packages/create-astro/src/components/Install.tsx')
-rw-r--r-- | packages/create-astro/src/components/Install.tsx | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/packages/create-astro/src/components/Install.tsx b/packages/create-astro/src/components/Install.tsx new file mode 100644 index 000000000..d9d2bc9b6 --- /dev/null +++ b/packages/create-astro/src/components/Install.tsx @@ -0,0 +1,19 @@ +import React, { FC } from 'react'; +import { Box, Text } from 'ink'; +import Spacer from './Spacer'; +import Spinner from './Spinner'; + +const Install: FC<{ context: any }> = ({ context: { use } }) => { + return <> + <Box display="flex"> + <Spinner/> + <Text> Initiating launch sequence...</Text> + </Box> + <Box> + <Spacer /> + <Text color="white" dimColor>(aka running <Text color="#17C083">{use === 'npm' ? 'npm install' : 'yarn'}</Text>)</Text> + </Box> + </>; +}; + +export default Install; |