diff options
author | 2021-06-08 08:10:56 -0700 | |
---|---|---|
committer | 2021-06-08 11:10:56 -0400 | |
commit | 6bca7c83a7e2d62015f45f873b0f69f11b4d902b (patch) | |
tree | 5662630e51c6e6e743785d308785cff2e47568f0 /packages/create-astro/src/components/Select.tsx | |
parent | 9594447335b7fa15f82c0789f18a3fe02ec20d70 (diff) | |
download | astro-6bca7c83a7e2d62015f45f873b0f69f11b4d902b.tar.gz astro-6bca7c83a7e2d62015f45f873b0f69f11b4d902b.tar.zst astro-6bca7c83a7e2d62015f45f873b0f69f11b4d902b.zip |
redesign create-astro (#301)
* redesign create astro
* add changeset
* Use npm start
* Update the astro version
* Adds the changeset
Co-authored-by: Fred Schott <fks@Freds-MBP.attlocal.net>
Co-authored-by: Matthew Phillips <matthew@skypack.dev>
Diffstat (limited to 'packages/create-astro/src/components/Select.tsx')
-rw-r--r-- | packages/create-astro/src/components/Select.tsx | 32 |
1 files changed, 0 insertions, 32 deletions
diff --git a/packages/create-astro/src/components/Select.tsx b/packages/create-astro/src/components/Select.tsx deleted file mode 100644 index c31cad75d..000000000 --- a/packages/create-astro/src/components/Select.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import SelectInput from 'ink-select-input'; -import React, { FC } from 'react'; -import { Text, Box } from 'ink'; -// @ts-expect-error -const { default: Select } = SelectInput; - -interface Props { - isSelected?: boolean; - label: string; - description?: string; -} -const Indicator: FC<Props> = ({ isSelected }) => (isSelected ? <Text color="#3894FF">[ </Text> : <Text>{' '}</Text>); -const Item: FC<Props> = ({ isSelected = false, label, description }) => ( - <Box display="flex"> - <Text color={isSelected ? '#3894FF' : 'white'} dimColor={!isSelected}> - {label} - </Text> - {isSelected && description && typeof description === 'string' && <Text> {description}</Text>} - {isSelected && description && typeof description !== 'string' && <Box marginLeft={1}>{description}</Box>} - </Box> -); - -interface SelectProps { - items: { value: string | number | boolean; label: string; description?: any }[]; - onSelect(value: string | number | boolean): void; -} -const CustomSelect: FC<SelectProps> = ({ items, onSelect }) => { - const handleSelect = ({ value }) => onSelect(value); - return <Select indicatorComponent={Indicator} itemComponent={Item} items={items} onSelect={handleSelect} />; -}; - -export default CustomSelect; |