Function handleKeyDown

src/components/Signin.tsx:97–109

(e: React.KeyboardEvent<HTMLInputElement>)

  // Handle keyboard events for navigating and selecting suggestions
  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
    if (e.key === 'Enter' && focusedIndex >= 0 && suggestedDomains.length > 0) {
      handleSuggestionClick(suggestedDomains[focusedIndex]);
    } else if (e.key === 'ArrowDown') {
      e.preventDefault();
      setFocusedIndex((prevIndex) =>
        Math.min(prevIndex + 1, suggestedDomains.length - 1),
      );
    } else if (e.key === 'ArrowUp') {
      e.preventDefault();
      setFocusedIndex((prevIndex) => Math.max(prevIndex - 1, 0));
    }
  };

  const handleSubmit = async (e?: React.FormEvent<HTMLButtonElement>) => {
    const loadId = toast.loading('Signing in...');