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

Refetch extension list when installing or uninstalling Apps (#1884)

Browse source
This commit is contained in:
Dawid Tarasiuk 2022-03-21 13:35:32 +01:00 committed by GitHub
parent f85786f203
commit d35ca150dc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/apps/queries.ts
View file

@ -86,3 +86,5 @@ export const extensionList = gql`
}
}
`;
export const EXTENSION_LIST_QUERY = "ExtensionList";

16
src/apps/views/AppsList/AppsList.tsx
View file

@ -1,3 +1,4 @@
import { useApolloClient } from "@apollo/client";
import {
AppDeleteFailedInstallationMutation,
AppDeleteMutation,
@ -29,6 +30,7 @@ import { useIntl } from "react-intl";
import AppDeleteDialog from "../../components/AppDeleteDialog";
import AppInProgressDeleteDialog from "../../components/AppInProgressDeleteDialog";
import AppsListPage from "../../components/AppsListPage";
import { EXTENSION_LIST_QUERY } from "../../queries";
import {
appDetailsUrl,
AppListUrlDialog,
@ -55,6 +57,7 @@ interface AppsListProps {
export const AppsList: React.FC<AppsListProps> = ({ params }) => {
const { action } = params;
const client = useApolloClient();
const [activeInstallations, setActiveInstallations] = useLocalStorage<
Array<Record<"id" | "name", string>>
>("activeInstallations", []);
@ -116,6 +119,12 @@ export const AppsList: React.FC<AppsListProps> = ({ params }) => {
}
});
const refetchExtensionList = () => {
client.refetchQueries({
include: [EXTENSION_LIST_QUERY]
});
};
const installedAppNotify = (name: string) => {
notify({
status: "success",
@ -153,6 +162,7 @@ export const AppsList: React.FC<AppsListProps> = ({ params }) => {
refetch();
}
closeModal();
refetchExtensionList();
removeAppNotify();
} else {
errors.forEach(error =>
@ -187,16 +197,19 @@ export const AppsList: React.FC<AppsListProps> = ({ params }) => {
2000
);
}
let newAppInstalled = false;
activeInstallations.forEach(installation => {
const item = appsInProgress?.find(app => app.id === installation.id);
if (!item) {
removeInstallation(installation.id);
installedAppNotify(installation.name);
appsInProgressRefetch();
newAppInstalled = true;
} else if (item.status === JobStatusEnum.SUCCESS) {
removeInstallation(installation.id);
installedAppNotify(item.appName);
refetch();
newAppInstalled = true;
} else if (item.status === JobStatusEnum.FAILED) {
removeInstallation(installation.id);
notify({
@ -208,6 +221,9 @@ export const AppsList: React.FC<AppsListProps> = ({ params }) => {
});
}
});
if (newAppInstalled) {
refetchExtensionList();
}
}
if (!activeInstallations.length && intervalId.current) {
clearInterval(intervalId.current);