github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

workflow library updates (#5568)

Browse Source 
* dont show duplicate toasts if workflow actions fail due to auth

* dynamic order by options based on projectId

* add endpointName to authtoast to makeit unique per endpoint

* lint

* update toast logic to check based on endpoint name w type safety

* fix save as endpoit name

* lint

* fix type

---------

Co-authored-by: Mary Hipp <maryhipp@Marys-MacBook-Air.local>
This commit is contained in:
Mary Hipp Rogers
2024-01-25 11:43:47 -05:00
committed by GitHub
parent 57dafd294d
commit 89da976949
6 changed files with 87 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryList.tsx
View File

@@ -61,13 +61,21 @@ const WorkflowLibraryList = () => {
const [category, setCategory] = useState<WorkflowCategory>('user');
const [page, setPage] = useState(0);
const [query, setQuery] = useState('');
const [order_by, setOrderBy] = useState<WorkflowRecordOrderBy>('opened_at');
const projectId = useStore($projectId);
const orderByOptions = useMemo(() => {
return projectId
? ORDER_BY_OPTIONS.filter((option) => option.value !== 'opened_at')
: ORDER_BY_OPTIONS;
}, [projectId]);
const [order_by, setOrderBy] = useState<WorkflowRecordOrderBy>(
orderByOptions[0]?.value as WorkflowRecordOrderBy
);
const [direction, setDirection] = useState<SQLiteDirection>('ASC');
const [debouncedQuery] = useDebounce(query, 500);
const projectId = useStore($projectId);
const queryArg = useMemo<Parameters<typeof useListWorkflowsQuery>[0]>(() => {
if (category === 'user') {
if (category !== 'default') {
return {
page,
per_page: PER_PAGE,
@@ -101,8 +109,8 @@ const WorkflowLibraryList = () => {
[order_by]
);
const valueOrderBy = useMemo(
() => ORDER_BY_OPTIONS.find((o) => o.value === order_by),
[order_by]
() => orderByOptions.find((o) => o.value === order_by),
[order_by, orderByOptions]
);
const onChangeDirection = useCallback<ComboboxOnChange>(
@@ -186,7 +194,7 @@ const WorkflowLibraryList = () => {
<FormLabel>{t('common.orderBy')}</FormLabel>
<Combobox
value={valueOrderBy}
options={ORDER_BY_OPTIONS}
options={orderByOptions}
onChange={onChangeOrderBy}
/>
</FormControl>