djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix broken HRM on the apps page (#2794)

Browse source 
* Split context to the separate file

* Split context to the separate file
This commit is contained in:
Patryk Andrzejewski 2022-12-07 13:10:51 +01:00 committed by GitHub
parent 422feec2b7
commit 81615ab6a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 23 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/apps/components/ExternalAppContext/ExternalAppContext.tsx
View file

@ -1,26 +1,11 @@
import { appDeepUrl, AppDetailsUrlMountQueryParams } from "@saleor/apps/urls"; import { appDeepUrl } from "@saleor/apps/urls";
import { AppExtensionTargetEnum } from "@saleor/graphql"; import { AppExtensionTargetEnum } from "@saleor/graphql";
import useNavigator from "@saleor/hooks/useNavigator"; import useNavigator from "@saleor/hooks/useNavigator";
import React from "react"; import React from "react";
import { AppDialog } from "../AppDialog"; import { AppDialog } from "../AppDialog";
import { AppFrame } from "../AppFrame"; import { AppFrame } from "../AppFrame";
import { AppData, ExternalAppContext } from "./context";
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);
export const ExternalAppProvider: React.FC = ({ children }) => { export const ExternalAppProvider: React.FC = ({ children }) => {
const [open, setOpen] = React.useState(false); const [open, setOpen] = React.useState(false);

19
src/apps/components/ExternalAppContext/context.ts Normal file
View 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);

3
src/apps/useExtensions.ts
View file

@ -8,7 +8,8 @@ import {
import { RelayToFlat } from "@saleor/types"; import { RelayToFlat } from "@saleor/types";
import { mapEdgesToItems } from "@saleor/utils/maps"; 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"; import { AppDetailsUrlMountQueryParams } from "./urls";
export interface Extension { export interface Extension {