diff --git a/invokeai/frontend/web/src/features/ui/components/tabs/ModelManager/subpanels/AddModelsPanel/AdvancedAddCheckpoint.tsx b/invokeai/frontend/web/src/features/ui/components/tabs/ModelManager/subpanels/AddModelsPanel/AdvancedAddCheckpoint.tsx index 5f82483cd3..4f452b0727 100644 --- a/invokeai/frontend/web/src/features/ui/components/tabs/ModelManager/subpanels/AddModelsPanel/AdvancedAddCheckpoint.tsx +++ b/invokeai/frontend/web/src/features/ui/components/tabs/ModelManager/subpanels/AddModelsPanel/AdvancedAddCheckpoint.tsx @@ -1,11 +1,11 @@ import { Flex } from '@chakra-ui/react'; import { useForm } from '@mantine/form'; -import { makeToast } from 'features/system/util/makeToast'; import { useAppDispatch } from 'app/store/storeHooks'; import IAIButton from 'common/components/IAIButton'; import IAIMantineTextInput from 'common/components/IAIMantineInput'; import IAISimpleCheckbox from 'common/components/IAISimpleCheckbox'; import { addToast } from 'features/system/store/systemSlice'; +import { makeToast } from 'features/system/util/makeToast'; import { useState } from 'react'; import { useTranslation } from 'react-i18next'; import { useAddMainModelsMutation } from 'services/api/endpoints/models'; @@ -100,6 +100,17 @@ export default function AdvancedAddCheckpoint( label="Model Location" required {...advancedAddCheckpointForm.getInputProps('path')} + onBlur={(e) => { + if (advancedAddCheckpointForm.values['model_name'] === '') { + advancedAddCheckpointForm.setFieldValue( + 'model_name', + e.currentTarget.value + .split('\\') + .splice(-1)[0] + ?.split('.')[0] as string + ); + } + }} /> { + if (advancedAddDiffusersForm.values['model_name'] === '') { + advancedAddDiffusersForm.setFieldValue( + 'model_name', + e.currentTarget.value.split('\\').splice(-1)[0] as string + ); + } + }} />