chore: replace Action components with Action.Push

raycast · Oct 11, 2024 · 2bac74f · 2bac74f
1 parent de213aa
commit 2bac74f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 16 deletions.
diff --git a/extensions/twenty/src/list-companies.tsx b/extensions/twenty/src/list-companies.tsx
@@ -1,11 +1,10 @@
 import React from "react";
-import { List, Image, Icon, ActionPanel, Action, Toast, showToast, useNavigation } from "@raycast/api";
+import { List, Image, Icon, ActionPanel, Action, Toast, showToast } from "@raycast/api";
 import { useGetCompanies } from "./hooks/use-company";
 import CreatePersonForm from "./create-people";
 import CreateCompanyForm from "./create-company";
 
 export default function ListCompanies() {
-  const { push } = useNavigation();
   const { companies, isLoading, error } = useGetCompanies();
 
   React.useEffect(() => {
@@ -56,13 +55,11 @@ export default function ListCompanies() {
                   shortcut={{ modifiers: ["cmd"], key: "o" }}
                   target={<CreateCompanyForm />}
                 />
-                <Action
+                <Action.Push
                   icon={Icon.AddPerson}
                   title="Add People"
                   shortcut={{ modifiers: ["cmd"], key: "p" }}
-                  onAction={() => {
-                    push(<CreatePersonForm />);
-                  }}
+                  target={<CreatePersonForm />}
                 />
               </ActionPanel>
             }

diff --git a/extensions/twenty/src/list-people.tsx b/extensions/twenty/src/list-people.tsx
@@ -1,10 +1,9 @@
-import { List, Image, Icon, ActionPanel, Action, useNavigation } from "@raycast/api";
+import { List, Image, Icon, ActionPanel, Action } from "@raycast/api";
 import { useGetPeople } from "./hooks/use-people";
 import CreatePersonForm from "./create-people";
 import CreateCompanyForm from "./create-company";
 
 export default function ListPeople() {
-  const { push } = useNavigation();
   const { people } = useGetPeople();
 
   return (
@@ -21,21 +20,17 @@ export default function ListPeople() {
                 content={person.name.firstName}
                 shortcut={{ modifiers: ["cmd"], key: "c" }}
               />
-              <Action
+              <Action.Push
                 icon={Icon.AddPerson}
                 title="Add People"
                 shortcut={{ modifiers: ["cmd"], key: "p" }}
-                onAction={() => {
-                  push(<CreatePersonForm />);
-                }}
+                target={<CreatePersonForm />}
               />
-              <Action
+              <Action.Push
                 icon={Icon.Building}
                 title="Add Company"
                 shortcut={{ modifiers: ["cmd"], key: "o" }}
-                onAction={() => {
-                  push(<CreateCompanyForm />);
-                }}
+                target={<CreateCompanyForm />}
               />
             </ActionPanel>
           }