From d6843c207fd51f369a3187eb810d89d58fc6bac5 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Mon, 22 May 2023 20:42:05 +0530
Subject: [PATCH] chore: workspace menu item focus after renaming

---
 .../AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx     | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx b/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx
index 8358a64ee..2ad764823 100644
--- a/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx
+++ b/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx
@@ -30,6 +30,7 @@ const WorkspaceMenuItem: FunctionComponent<Props> = ({
 }) => {
   const [isRenaming, setIsRenaming] = useState(false)
   const [inputValue, setInputValue] = useState(descriptor.label)
+  const itemRef = useRef<HTMLButtonElement>(null)
   const inputRef = useRef<HTMLInputElement>(null)
 
   useEffect(() => {
@@ -44,7 +45,8 @@ const WorkspaceMenuItem: FunctionComponent<Props> = ({
 
   const handleInputKeyDown: KeyboardEventHandler = useCallback((event) => {
     if (event.key === KeyboardKey.Enter) {
-      inputRef.current?.blur()
+      event.preventDefault()
+      itemRef.current?.focus()
     }
   }, [])
 
@@ -55,7 +57,7 @@ const WorkspaceMenuItem: FunctionComponent<Props> = ({
 
   return (
     <div className="relative">
-      <MenuRadioButtonItem className="overflow-hidden" onClick={onClick} checked={descriptor.primary}>
+      <MenuRadioButtonItem ref={itemRef} className="overflow-hidden" onClick={onClick} checked={descriptor.primary}>
         <div className="ml-2 flex w-full items-center justify-between gap-3 overflow-hidden">
           {!isRenaming && <div className="overflow-hidden text-ellipsis">{descriptor.label}</div>}
           {descriptor.primary && !hideOptions && (