feat: Pin to home (#2880)

app/components/Sidebar/components/SidebarAction.tsx

@@ -1,10 +1,8 @@
 import invariant from "invariant";
 import { observer } from "mobx-react";
 import * as React from "react";
-import { useTranslation } from "react-i18next";
-import { useLocation } from "react-router";
 import { actionToMenuItem } from "~/actions";
-import useStores from "~/hooks/useStores";
+import useActionContext from "~/hooks/useActionContext";
 import { Action } from "~/types";
 import SidebarLink from "./SidebarLink";
 
@@ -14,18 +12,12 @@ type Props = {
 };
 
 function SidebarAction({ action, ...rest }: Props) {
-  const stores = useStores();
-  const { t } = useTranslation();
-  const location = useLocation();
-  const context = {
+  const context = useActionContext({
     isContextMenu: false,
     isCommandBar: false,
     activeCollectionId: undefined,
     activeDocumentId: undefined,
-    location,
-    stores,
-    t,
-  };
+  });
   const menuItem = actionToMenuItem(action, context);
   invariant(menuItem.type === "button", "passed action must be a button");