diff --git a/src/components/friends/views/friends-list/FriendsCategoryManagerView.tsx b/src/components/friends/views/friends-list/FriendsCategoryManagerView.tsx index 1dd77dd..3fa427e 100644 --- a/src/components/friends/views/friends-list/FriendsCategoryManagerView.tsx +++ b/src/components/friends/views/friends-list/FriendsCategoryManagerView.tsx @@ -1,4 +1,4 @@ -import { FC, MouseEvent, useState } from 'react'; +import { FC, MouseEvent, useEffect, useState } from 'react'; import { FriendCategoryData } from '@nitrots/nitro-renderer'; import { LocalizeText } from '../../../../api'; import { Button, Column, Flex, NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../common'; @@ -18,6 +18,15 @@ export const FriendsCategoryManagerView: FC = p const [ editingId, setEditingId ] = useState(0); const [ editingName, setEditingName ] = useState(''); + useEffect(() => + { + if(editingId && !categories.some(category => (category.id === editingId))) + { + setEditingId(0); + setEditingName(''); + } + }, [ categories, editingId ]); + const submitAdd = () => { const trimmed = newName.trim(); @@ -47,7 +56,7 @@ export const FriendsCategoryManagerView: FC = p onChange={ event => setNewName(event.target.value) } onKeyDown={ event => (event.key === 'Enter') && submitAdd() } /> @@ -64,7 +73,7 @@ export const FriendsCategoryManagerView: FC = p onChange={ event => setEditingName(event.target.value) } onKeyDown={ event => (event.key === 'Enter') && submitRename() } /> :