Skynet/misc_pterodactyl-panel
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

admin(ui): fix remaining problems with SearchableSelect.tsx

Browse source
This commit is contained in:
Matthew Penner 2021-02-15 22:41:19 -07:00
parent 3971c4499d
commit 93be6db530
7 changed files with 118 additions and 161 deletions
Download patch file Download diff file Expand all files Collapse all files

10
resources/scripts/components/admin/nodes/DatabaseSelect.tsx
View file

@ -1,10 +1,10 @@
import React, { useState } from 'react';
import SearchableSelect, { Option } from '@/components/elements/SearchableSelect';
import searchDatabases from '@/api/admin/databases/searchDatabases';
import { Database } from '@/api/admin/databases/getDatabases';
import searchDatabases from '@/api/admin/databases/searchDatabases';
import SearchableSelect, { Option } from '@/components/elements/SearchableSelect';
export default ({ selected }: { selected?: Database | null }) => {
const [ database, setDatabase ] = useState<Database | null>(selected || null);
export default ({ selected }: { selected: Database | null }) => {
const [ database, setDatabase ] = useState<Database | null>(selected);
const [ databases, setDatabases ] = useState<Database[]>([]);
const onSearch = (query: string): Promise<void> => {
@ -37,7 +37,7 @@ export default ({ selected }: { selected?: Database | null }) => {
nullable
>
{databases.map(d => (
<Option key={d.id} id={d.id} item={d} active={d.id === database?.id}>
<Option key={d.id} selectId="database" id={d.id} item={d} active={d.id === database?.id}>
{d.name}
</Option>
))}