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

admin(ui): SearchableSelect - differentiate between loading and no items

Browse source
This commit is contained in:
Matthew Penner 2021-02-16 13:23:24 -07:00
parent 224943cc85
commit dc003a6ada
3 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -8,7 +8,7 @@ export default ({ selected }: { selected: Database | null }) => {
const context = useFormikContext();
const [ database, setDatabase ] = useState<Database | null>(selected);
const [ databases, setDatabases ] = useState<Database[]>([]);
const [ databases, setDatabases ] = useState<Database[] | null>(null);
const onSearch = (query: string): Promise<void> => {
return new Promise((resolve, reject) => {
@ -40,7 +40,7 @@ export default ({ selected }: { selected: Database | null }) => {
getSelectedText={getSelectedText}
nullable
>
{databases.map(d => (
{databases?.map(d => (
<Option key={d.id} selectId="database" id={d.id} item={d} active={d.id === database?.id}>
{d.name}
</Option>

4
resources/scripts/components/admin/nodes/LocationSelect.tsx
View file

@ -8,7 +8,7 @@ export default ({ selected }: { selected: Location | null }) => {
const context = useFormikContext();
const [ location, setLocation ] = useState<Location | null>(selected);
const [ locations, setLocations ] = useState<Location[]>([]);
const [ locations, setLocations ] = useState<Location[] | null>(null);
const onSearch = (query: string): Promise<void> => {
return new Promise((resolve, reject) => {
@ -40,7 +40,7 @@ export default ({ selected }: { selected: Location | null }) => {
getSelectedText={getSelectedText}
nullable
>
{locations.map(d => (
{locations?.map(d => (
<Option key={d.id} selectId="location" id={d.id} item={d} active={d.id === location?.id}>
{d.short}
</Option>