Function HistoryTableRow

gui/src/components/History/HistoryTableRow.tsx:26–189

({
  sessionMetadata,
  index,
}: {
  sessionMetadata: BaseSessionMetadata;
  index: number;
})

const shareSessionSupported = isShareSessionSupported();

export function HistoryTableRow({
  sessionMetadata,
  index,
}: {
  sessionMetadata: BaseSessionMetadata;
  index: number;
}) {
  const dispatch = useAppDispatch();
  const navigate = useNavigate();
  const ideMessenger = useContext(IdeMessengerContext);

  const [hovered, setHovered] = useState(false);
  const [editing, setEditing] = useState(false);
  const [sessionTitleEditValue, setSessionTitleEditValue] = useState(
    sessionMetadata.title,
  );
  const currentSessionId = useAppSelector((state) => state.session.id);

  useEffect(() => {
    setSessionTitleEditValue(sessionMetadata.title);
  }, [sessionMetadata]);

  const shareSession = async (sessionId: string) => {
    // "session/share" is not supported in JetBrains yet
    if (shareSessionSupported) {
      await ideMessenger.request("session/share", {
        sessionId,
      });
    }
  };

  const handleKeyUp = async (e: React.KeyboardEvent<HTMLInputElement>) => {
    if (e.key === "Enter") {
      if (sessionTitleEditValue !== sessionMetadata.title) {
        // imperfect solution of loading session just to update it
        // but fine for now, pretty low latency
        const currentSession = await getSession(
          ideMessenger,
          sessionMetadata.sessionId,
        );
        await dispatch(
          updateSession({
            ...currentSession,
            title: sessionTitleEditValue,
          }),
        );
      }
      setEditing(false);
    } else if (e.key === "Escape") {
      setSessionTitleEditValue(sessionMetadata.title);
      setEditing(false);
    }
  };

  return (
    <tr
      onMouseEnter={() => setHovered(true)}
      onMouseLeave={() => setHovered(false)}