Initial commit: Plane

Synced from upstream: 8853637e981ed7d8a6cff32bd98e7afe20f54362

apps/web/core/hooks/context/app-rail-context.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import type { ReactNode } from "react";
+import React, { createContext } from "react";
+import { observer } from "mobx-react";
+import { useParams } from "next/navigation";
+// hooks
+import useLocalStorage from "@/hooks/use-local-storage";
+
+export interface AppRailContextType {
+  isEnabled: boolean;
+  shouldRenderAppRail: boolean;
+  toggleAppRail: (value?: boolean) => void;
+}
+
+const AppRailContext = createContext<AppRailContextType | undefined>(undefined);
+
+export { AppRailContext };
+
+interface AppRailProviderProps {
+  children: ReactNode;
+}
+
+export const AppRailProvider = observer(({ children }: AppRailProviderProps) => {
+  const { workspaceSlug } = useParams();
+  const { storedValue: isAppRailVisible, setValue: setIsAppRailVisible } = useLocalStorage<boolean>(
+    `APP_RAIL_${workspaceSlug}`,
+    false
+  );
+
+  const isEnabled = false;
+
+  const toggleAppRail = (value?: boolean) => {
+    if (value === undefined) {
+      setIsAppRailVisible(!isAppRailVisible);
+    } else {
+      setIsAppRailVisible(value);
+    }
+  };
+
+  const contextValue: AppRailContextType = {
+    isEnabled,
+    shouldRenderAppRail: !!isAppRailVisible && isEnabled,
+    toggleAppRail,
+  };
+
+  return <AppRailContext.Provider value={contextValue}>{children}</AppRailContext.Provider>;
+});

apps/web/core/hooks/context/use-issue-modal.tsx

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+// components
+import { IssueModalContext } from "@/components/issues/issue-modal/context";
+import type { TIssueModalContext } from "@/components/issues/issue-modal/context";
+
+export const useIssueModal = (): TIssueModalContext => {
+  const context = useContext(IssueModalContext);
+  if (context === undefined) throw new Error("useIssueModal must be used within IssueModalProvider");
+  return context;
+};