Spaces:
Runtime error
Runtime error
File size: 2,548 Bytes
8e20687 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 |
import type { FC } from 'react';
interface Props {
language: string;
onChange: (language: string) => void;
}
export const LanguageSelect: FC<Props> = ({ language, onChange }) => {
const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
onChange(e.target.value);
};
return (
<select
className="w-full rounded-md bg-[#1F2937] px-4 py-2 text-neutral-200"
value={language}
onChange={handleChange}
>
{languages
.sort((a, b) => a.label.localeCompare(b.label))
.map((language) => (
<option key={language.value} value={language.value}>
{language.label}
</option>
))}
</select>
);
};
const languages = [
{ value: 'Pascal', label: 'Pascal' },
{ value: 'JavaScript', label: 'JavaScript' },
{ value: 'TypeScript', label: 'TypeScript' },
{ value: 'Python', label: 'Python' },
{ value: 'TSX', label: 'TSX' },
{ value: 'JSX', label: 'JSX' },
{ value: 'Vue', label: 'Vue' },
{ value: 'Go', label: 'Go' },
{ value: 'C', label: 'C' },
{ value: 'C++', label: 'C++' },
{ value: 'Java', label: 'Java' },
{ value: 'C#', label: 'C#' },
{ value: 'Visual Basic .NET', label: 'Visual Basic .NET' },
{ value: 'SQL', label: 'SQL' },
{ value: 'Assembly Language', label: 'Assembly Language' },
{ value: 'PHP', label: 'PHP' },
{ value: 'Ruby', label: 'Ruby' },
{ value: 'Swift', label: 'Swift' },
{ value: 'SwiftUI', label: 'SwiftUI' },
{ value: 'Kotlin', label: 'Kotlin' },
{ value: 'R', label: 'R' },
{ value: 'Objective-C', label: 'Objective-C' },
{ value: 'Perl', label: 'Perl' },
{ value: 'SAS', label: 'SAS' },
{ value: 'Scala', label: 'Scala' },
{ value: 'Dart', label: 'Dart' },
{ value: 'Rust', label: 'Rust' },
{ value: 'Haskell', label: 'Haskell' },
{ value: 'Lua', label: 'Lua' },
{ value: 'Groovy', label: 'Groovy' },
{ value: 'Elixir', label: 'Elixir' },
{ value: 'Clojure', label: 'Clojure' },
{ value: 'Lisp', label: 'Lisp' },
{ value: 'Julia', label: 'Julia' },
{ value: 'Matlab', label: 'Matlab' },
{ value: 'Fortran', label: 'Fortran' },
{ value: 'COBOL', label: 'COBOL' },
{ value: 'Bash', label: 'Bash' },
{ value: 'Powershell', label: 'Powershell' },
{ value: 'PL/SQL', label: 'PL/SQL' },
{ value: 'CSS', label: 'CSS' },
{ value: 'Racket', label: 'Racket' },
{ value: 'HTML', label: 'HTML' },
{ value: 'NoSQL', label: 'NoSQL' },
{ value: 'Natural Language', label: 'Natural Language' },
{ value: 'CoffeeScript', label: 'CoffeeScript' },
];
|