Fix broken HRM on the apps page (#2794)
* Split context to the separate file * Split context to the separate file
This commit is contained in:
parent
422feec2b7
commit
81615ab6a6
3 changed files with 23 additions and 18 deletions
|
@ -1,26 +1,11 @@
|
|||
import { appDeepUrl, AppDetailsUrlMountQueryParams } from "@saleor/apps/urls";
|
||||
import { appDeepUrl } from "@saleor/apps/urls";
|
||||
import { AppExtensionTargetEnum } from "@saleor/graphql";
|
||||
import useNavigator from "@saleor/hooks/useNavigator";
|
||||
import React from "react";
|
||||
|
||||
import { AppDialog } from "../AppDialog";
|
||||
import { AppFrame } from "../AppFrame";
|
||||
|
||||
export interface AppData {
|
||||
id: string;
|
||||
appToken: string;
|
||||
src: string;
|
||||
label: string;
|
||||
target: AppExtensionTargetEnum;
|
||||
params?: AppDetailsUrlMountQueryParams;
|
||||
}
|
||||
|
||||
const ExternalAppContext = React.createContext<{
|
||||
open: boolean;
|
||||
appData: AppData | undefined;
|
||||
setOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
||||
setAppData: React.Dispatch<React.SetStateAction<AppData | undefined>>;
|
||||
}>(undefined);
|
||||
import { AppData, ExternalAppContext } from "./context";
|
||||
|
||||
export const ExternalAppProvider: React.FC = ({ children }) => {
|
||||
const [open, setOpen] = React.useState(false);
|
||||
|
|
19
src/apps/components/ExternalAppContext/context.ts
Normal file
19
src/apps/components/ExternalAppContext/context.ts
Normal file
|
@ -0,0 +1,19 @@
|
|||
import { AppDetailsUrlMountQueryParams } from "@saleor/apps/urls";
|
||||
import { AppExtensionTargetEnum } from "@saleor/graphql";
|
||||
import React from "react";
|
||||
|
||||
export interface AppData {
|
||||
id: string;
|
||||
appToken: string;
|
||||
src: string;
|
||||
label: string;
|
||||
target: AppExtensionTargetEnum;
|
||||
params?: AppDetailsUrlMountQueryParams;
|
||||
}
|
||||
|
||||
export const ExternalAppContext = React.createContext<{
|
||||
open: boolean;
|
||||
appData: AppData | undefined;
|
||||
setOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
||||
setAppData: React.Dispatch<React.SetStateAction<AppData | undefined>>;
|
||||
}>(undefined);
|
|
@ -8,7 +8,8 @@ import {
|
|||
import { RelayToFlat } from "@saleor/types";
|
||||
import { mapEdgesToItems } from "@saleor/utils/maps";
|
||||
|
||||
import { AppData, useExternalApp } from "./components/ExternalAppContext";
|
||||
import { useExternalApp } from "./components/ExternalAppContext/";
|
||||
import { AppData } from "./components/ExternalAppContext/context";
|
||||
import { AppDetailsUrlMountQueryParams } from "./urls";
|
||||
|
||||
export interface Extension {
|
||||
|
|
Loading…
Reference in a new issue