Autofocus shelf owner search if empty
This commit is contained in:
@@ -25,7 +25,7 @@ const memberSorts = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
export function MembersDropdown(props) {
|
export function MembersDropdown(props) {
|
||||||
const { token, name, onChange, value, initial } = props;
|
const { token, name, onChange, value, initial, autofocus } = props;
|
||||||
const [response, setResponse] = useState({ results: [] });
|
const [response, setResponse] = useState({ results: [] });
|
||||||
const searchDefault = {seq: 0, q: initial || '', sort: 'newest_active'};
|
const searchDefault = {seq: 0, q: initial || '', sort: 'newest_active'};
|
||||||
const [search, setSearch] = useState(searchDefault);
|
const [search, setSearch] = useState(searchDefault);
|
||||||
@@ -61,6 +61,9 @@ export function MembersDropdown(props) {
|
|||||||
placeholder='Search for Member'
|
placeholder='Search for Member'
|
||||||
onChange={onChange}
|
onChange={onChange}
|
||||||
onSearchChange={(e, v) => setSearch({seq: parseInt(e.timeStamp), q: v.searchQuery, sort: 'newest_active'})}
|
onSearchChange={(e, v) => setSearch({seq: parseInt(e.timeStamp), q: v.searchQuery, sort: 'newest_active'})}
|
||||||
|
|
||||||
|
searchInput={{ autoFocus: autofocus }}
|
||||||
|
openOnFocus={!autofocus}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
);
|
);
|
||||||
|
@@ -33,6 +33,7 @@ export function StorageEditor(props) {
|
|||||||
{...makeProps('member_id')}
|
{...makeProps('member_id')}
|
||||||
onChange={handleValues}
|
onChange={handleValues}
|
||||||
initial={input.member_name}
|
initial={input.member_name}
|
||||||
|
autofocus={!input.member_name}
|
||||||
/>
|
/>
|
||||||
</Form.Field>
|
</Form.Field>
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user