Function useTitleForm

apps/zui/src/views/session-page/use-title-form.ts:9–31

()

import {create} from "src/domain/named-queries/handlers"

export function useTitleForm() {
  const active = useSelector(Current.getActiveQuery)
  const api = useZuiApi()
  const dispatch = useDispatch()

  return {
    onSubmit: (e: FormEvent<HTMLFormElement>) => {
      e.preventDefault()
      const input = e.currentTarget.elements.namedItem("query-name") as any
      const name = input.value.trim() || ""

      if (name.length) {
        if (active.isSaved() && !active.isModified()) {
          api.queries.rename(active.query.id, name)
        } else {
          create(name)
        }
      }
      dispatch(Layout.hideTitleForm())
    },
    onReset: () => dispatch(Layout.hideTitleForm()),
  }
}