fixup: nameTrimmed

Author: hulthe

gui/src/renderer/components/select-location/CustomListDialogs.tsx

@@ -147,14 +147,15 @@ export function EditListDialog(props: EditListProps) {
   const { updateCustomList } = useAppContext();
 
   const [newName, setNewName] = useState(props.list.name);
-  const newNameValid = newName.trim() !== '';
+  const newNameTrimmed = newName.trim()
+  const newNameValid = newNameTrimmed !== '';
   const [error, setError, unsetError] = useBoolean();
 
   // Update name in list and save it.
   const save = useCallback(async () => {
     if (newNameValid) {
       try {
-        const updatedList = { ...props.list, name: newName.trim() };
+        const updatedList = { ...props.list, name: newNameTrimmed };
         const result = await updateCustomList(updatedList);
         if (result && result.type === 'name already exists') {
           setError();

gui/src/renderer/components/select-location/CustomLists.tsx

@@ -123,7 +123,8 @@ interface AddListFormProps {
 
 function AddListForm(props: AddListFormProps) {
   const [name, setName] = useState('');
-  const nameValid = name.trim() !== '';
+  const nameTrimmed = name.trim()
+  const nameValid = nameTrimmed !== '';
   const [error, setError, unsetError] = useBoolean();
   const containerRef = useStyledRef<HTMLDivElement>();
   const inputRef = useStyledRef<HTMLInputElement>();
@@ -137,7 +138,7 @@ function AddListForm(props: AddListFormProps) {
   const createList = useCallback(async () => {
     if (nameValid) {
       try {
-        const result = await props.onCreateList(name.trim());
+        const result = await props.onCreateList(nameTrimmed);
         if (result) {
           setError();
         }