summaryrefslogtreecommitdiff
path: root/packages/create-astro/src/components/Select.tsx
diff options
context:
space:
mode:
authorGravatar Fred K. Schott <fkschott@gmail.com> 2021-06-08 08:10:56 -0700
committerGravatar GitHub <noreply@github.com> 2021-06-08 11:10:56 -0400
commit6bca7c83a7e2d62015f45f873b0f69f11b4d902b (patch)
tree5662630e51c6e6e743785d308785cff2e47568f0 /packages/create-astro/src/components/Select.tsx
parent9594447335b7fa15f82c0789f18a3fe02ec20d70 (diff)
downloadastro-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.tsx32
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;