sonot
/
PteroTheme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui(admin): tweaks to LocationSelect.tsx

This commit is contained in:
Matthew Penner 2021-02-05 09:44:16 -07:00
parent f3e7aab27c
commit 22807f1ff4
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
resources/scripts/components/admin/nodes/LocationSelect.tsx
View File

@ -89,10 +89,15 @@ export default ({ defaultLocation }: { defaultLocation: Location }) => {
<Dropdown expanded={expanded}> <Dropdown expanded={expanded}>
{locations.length < 1 ? {locations.length < 1 ?
inputText.length < 2 ?
<div css={tw`h-10 flex flex-row items-center px-3`}> <div css={tw`h-10 flex flex-row items-center px-3`}>
<p css={tw`text-sm`}>Please type 2 or more characters.</p> <p css={tw`text-sm`}>Please type 2 or more characters.</p>
</div> </div>
: :
<div css={tw`h-10 flex flex-row items-center px-3`}>
<p css={tw`text-sm`}>No results found.</p>
</div>
:
<ul tabIndex={-1} role="listbox" aria-labelledby="listbox-label" aria-activedescendant="listbox-item-3" css={tw`max-h-56 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm`}> <ul tabIndex={-1} role="listbox" aria-labelledby="listbox-label" aria-activedescendant="listbox-item-3" css={tw`max-h-56 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm`}>
{locations.map(l => ( {locations.map(l => (
l.id === location.id ? l.id === location.id ?