navigate()

import {Extensions, navigate, Destinations, showToast} from "attio/client"

import {createFollowUpDeal} from "./create-follow-up-deal.server"

export default Extensions.defineExtension({
  type: "record-action",
  id: "create-follow-up",
  label: "Create follow-up deal",
  icon: "Plus",
  objects: "deals",
  onTrigger: async ({recordId}) => {
    const newDealId = await createFollowUpDeal(recordId)
    await showToast({title: "Follow-up created", variant: "success"})
    navigate(Destinations.record({recordId: newDealId, object: "deals"}))
  },
})

import React from "react"
import {Settings, navigate, Destinations} from "attio/client"

import schema from "./schema"

export default Settings.defineWorkspacePage(schema, () => {
  const {Form, Section, Button} = Settings.useForm(schema)

  return (
    <Form>
      <Section title="Dashboard">
        <Button
          title="Deal health dashboard"
          description="Open the dashboard page to see health across every open deal."
          label="Open dashboard"
          onClick={() => navigate(Destinations.appPage("dashboard"))}
        />
      </Section>
    </Form>
  )
})

function navigate(destination: Destination): void