mirror of
				https://github.com/immich-app/immich.git
				synced 2025-11-03 19:17:11 -05:00 
			
		
		
		
	feat(web): Language settings list UX nits (#10261)
* feat(web): Sort language settings list before: https://bo0.tz/u/xMLnEW.png after: https://bo0.tz/u/lGLn9h.png * feat(web): Select combobox text when focused
This commit is contained in:
		
							parent
							
								
									b9593361a4
								
							
						
					
					
						commit
						058ca28d88
					
				@ -59,6 +59,7 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
  const activate = () => {
 | 
					  const activate = () => {
 | 
				
			||||||
    isActive = true;
 | 
					    isActive = true;
 | 
				
			||||||
 | 
					    input?.select();
 | 
				
			||||||
    openDropdown();
 | 
					    openDropdown();
 | 
				
			||||||
  };
 | 
					  };
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -65,7 +65,9 @@
 | 
				
			|||||||
    $locale = $locale ? undefined : fallbackLocale.code;
 | 
					    $locale = $locale ? undefined : fallbackLocale.code;
 | 
				
			||||||
  };
 | 
					  };
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  const langOptions = langs.map((lang) => ({ label: lang.name, value: lang.code }));
 | 
					  const langOptions = langs
 | 
				
			||||||
 | 
					    .map((lang) => ({ label: lang.name, value: lang.code }))
 | 
				
			||||||
 | 
					    .sort((a, b) => a.label.localeCompare(b.label));
 | 
				
			||||||
  const defaultLangOption = { label: defaultLang.name, value: defaultLang.code };
 | 
					  const defaultLangOption = { label: defaultLang.name, value: defaultLang.code };
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  const handleLanguageChange = async (newLang: string | undefined) => {
 | 
					  const handleLanguageChange = async (newLang: string | undefined) => {
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user