Update components/Settings/Key.tsx

components/Settings/Key.tsx

@@ -11,68 +11,5 @@ interface Props {
 }
 
 export const Key: FC<Props> = ({ apiKey, onApiKeyChange }) => {
-  const { t } = useTranslation('sidebar');
-  const [isChanging, setIsChanging] = useState(false);
-  const [newKey, setNewKey] = useState(apiKey);
-  const inputRef = useRef<HTMLInputElement>(null);
-
-  const handleEnterDown = (e: KeyboardEvent<HTMLDivElement>) => {
-    if (e.key === 'Enter') {
-      e.preventDefault();
-      handleUpdateKey(newKey);
-    }
-  };
-
-  const handleUpdateKey = (newKey: string) => {
-    onApiKeyChange(newKey.trim());
-    setIsChanging(false);
-  };
-
-  useEffect(() => {
-    if (isChanging) {
-      inputRef.current?.focus();
-    }
-  }, [isChanging]);
-
-  return isChanging ? (
-    <div className="duration:200 flex w-full cursor-pointer items-center rounded-md py-3 px-3 transition-colors hover:bg-gray-500/10">
-      <IconKey size={18} />
-
-      <input
-        ref={inputRef}
-        className="ml-2 h-[20px] flex-1 overflow-hidden overflow-ellipsis border-b border-neutral-400 bg-transparent pr-1 text-[12.5px] leading-3 text-left text-white outline-none focus:border-neutral-100"
-        value={newKey}
-        onChange={(e) => setNewKey(e.target.value)}
-        onKeyDown={handleEnterDown}
-        placeholder={t('API Base Url') || 'Base Url'}
-      />
-
-      <div className="flex w-[40px]">
-        <IconCheck
-          className="ml-auto min-w-[20px] text-neutral-400 hover:text-neutral-100"
-          size={18}
-          onClick={(e) => {
-            e.stopPropagation();
-            handleUpdateKey(newKey);
-          }}
-        />
-
-        <IconX
-          className="ml-auto min-w-[20px] text-neutral-400 hover:text-neutral-100"
-          size={18}
-          onClick={(e) => {
-            e.stopPropagation();
-            setIsChanging(false);
-            setNewKey(apiKey);
-          }}
-        />
-      </div>
-    </div>
-  ) : (
-    <SidebarButton
-      text={t('API Base Url')}
-      icon={<IconKey size={18} />}
-      onClick={() => setIsChanging(true)}
-    />
-  );
+  return null;
 };