Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

udo

Browse Source
This commit is contained in:
Mary Hipp 2024-01-26 15:26:38 -05:00
parent 0770e757c3
commit 615639c72e
1 changed files with 15 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/WorkflowName.tsx
View File

@ -1,4 +1,4 @@
import { Editable, EditableInput, EditablePreview, Text } from '@invoke-ai/ui-library'; import { Text } from '@invoke-ai/ui';
import { useAppSelector } from 'app/store/storeHooks'; import { useAppSelector } from 'app/store/storeHooks';
import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus'; import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus';
import { memo, useMemo } from 'react'; import { memo, useMemo } from 'react';
@ -13,22 +13,13 @@ const TopCenterPanel = () => {
const displayName = useMemo(() => { const displayName = useMemo(() => {
let _displayName = name || t('workflows.unnamedWorkflow'); let _displayName = name || t('workflows.unnamedWorkflow');
if (isTouched && isWorkflowLibraryEnabled) {
_displayName += ` (${t('common.unsaved')})`;
}
return _displayName; return _displayName;
}, [t, name, isTouched, isWorkflowLibraryEnabled]); }, [t, name, isTouched, isWorkflowLibraryEnabled]);
return ( return (
<Editable defaultValue={displayName}>
<EditablePreview
m={2}
fontSize="lg"
noOfLines={1}
wordBreak="break-all"
fontWeight="semibold"
opacity={0.8}
/>
<EditableInput />
{isTouched && isWorkflowLibraryEnabled ? (
<Text <Text
m={2} m={2}
fontSize="lg" fontSize="lg"
@ -38,25 +29,8 @@ const TopCenterPanel = () => {
fontWeight="semibold" fontWeight="semibold"
opacity={0.8} opacity={0.8}
> >
({t('common.unsaved')}) {displayName}
</Text> </Text>
) : (
''
)}
</Editable>
// <Text
// m={2}
// fontSize="lg"
// userSelect="none"
// noOfLines={1}
// wordBreak="break-all"
// fontWeight="semibold"
// opacity={0.8}
// >
// <Editable
// {displayName}
// {isTouched && isWorkflowLibraryEnabled ? `(${t('common.unsaved')})` : ''}
// </Text>
); );
}; };