mirror of
https://github.com/MetaFam/TheGame.git
synced 2026-02-19 10:14:24 -05:00
d5844dd8db
* skills map in context * using react-select * removed sudo from package.json * fixed lint and format issues
23 lines
731 B
TypeScript
23 lines
731 B
TypeScript
import { MetaHeading, SelectSearch } from '@metafam/ds';
|
|
import { FlexContainer } from 'components/Container';
|
|
import { SetupContext } from 'contexts/SetupContext';
|
|
import React, { useContext } from 'react';
|
|
import { SkillOption } from 'utils/skillHelpers';
|
|
|
|
export const SetupSkills: React.FC = () => {
|
|
const { skillsList, skills, setSkills } = useContext(SetupContext);
|
|
|
|
return (
|
|
<FlexContainer mb={10} align="stretch">
|
|
<MetaHeading mb={10}>What are your superpowers?</MetaHeading>
|
|
<SelectSearch
|
|
isMulti
|
|
value={skills}
|
|
onChange={(value) => setSkills(value as Array<SkillOption>)}
|
|
options={skillsList}
|
|
placeholder="ADD YOUR SKILLS"
|
|
/>
|
|
</FlexContainer>
|
|
);
|
|
};
|