123 lines
3.3 KiB
TypeScript
123 lines
3.3 KiB
TypeScript
import { sectionNames } from "@saleor/intl";
|
|
import WebhooksRoutes from "@saleor/webhooks";
|
|
import { parse as parseQs } from "qs";
|
|
import React from "react";
|
|
import { useIntl } from "react-intl";
|
|
import { Route, RouteComponentProps, Switch } from "react-router-dom";
|
|
|
|
import { WindowTitle } from "../components/WindowTitle";
|
|
import {
|
|
AppDetailsUrlQueryParams,
|
|
appInstallPath,
|
|
AppInstallUrlQueryParams,
|
|
AppListUrlQueryParams,
|
|
appPath,
|
|
appSettingsPath,
|
|
appsListPath,
|
|
customAppAddPath,
|
|
customAppPath,
|
|
CustomAppUrlQueryParams
|
|
} from "./urls";
|
|
import AppDetailsView from "./views/AppDetails";
|
|
import AppDetailsSettingsView from "./views/AppDetailsSettings";
|
|
import AppInstallView from "./views/AppInstall";
|
|
import AppsListView from "./views/AppsList";
|
|
import CustomAppCreateView from "./views/CustomAppCreate";
|
|
import CustomAppDetailsView from "./views/CustomAppDetails";
|
|
|
|
const AppDetails: React.FC<RouteComponentProps<{ id: string }>> = ({
|
|
match
|
|
}) => {
|
|
const qs = parseQs(location.search.substr(1));
|
|
const params: AppDetailsUrlQueryParams = qs;
|
|
|
|
return (
|
|
<AppDetailsView id={decodeURIComponent(match.params.id)} params={params} />
|
|
);
|
|
};
|
|
|
|
const AppDetailsSettings: React.FC<RouteComponentProps<{ id: string }>> = ({
|
|
match
|
|
}) => <AppDetailsSettingsView id={decodeURIComponent(match.params.id)} />;
|
|
|
|
const AppInstall: React.FC<RouteComponentProps> = props => {
|
|
const qs = parseQs(location.search.substr(1));
|
|
const params: AppInstallUrlQueryParams = qs;
|
|
|
|
return <AppInstallView params={params} {...props} />;
|
|
};
|
|
|
|
interface CustomAppDetailsProps extends RouteComponentProps<{ id?: string }> {
|
|
token: string;
|
|
onTokenClose: () => void;
|
|
}
|
|
|
|
const CustomAppDetails: React.FC<CustomAppDetailsProps> = ({
|
|
match,
|
|
token,
|
|
onTokenClose
|
|
}) => {
|
|
const qs = parseQs(location.search.substr(1));
|
|
const params: CustomAppUrlQueryParams = qs;
|
|
const id = match.params.id;
|
|
|
|
if (!id) {
|
|
throw new Error("No ID provided");
|
|
}
|
|
|
|
return (
|
|
<CustomAppDetailsView
|
|
id={decodeURIComponent(match.params.id)}
|
|
params={params}
|
|
token={token}
|
|
onTokenClose={onTokenClose}
|
|
/>
|
|
);
|
|
};
|
|
|
|
const AppsList: React.FC<RouteComponentProps> = () => {
|
|
const qs = parseQs(location.search.substr(1));
|
|
const params: AppListUrlQueryParams = qs;
|
|
|
|
return <AppsListView params={params} />;
|
|
};
|
|
const Component = () => {
|
|
const intl = useIntl();
|
|
const [token, setToken] = React.useState<string>(null);
|
|
|
|
return (
|
|
<>
|
|
<WindowTitle title={intl.formatMessage(sectionNames.apps)} />
|
|
<Switch>
|
|
<Route exact path={appsListPath} component={AppsList} />
|
|
<Route
|
|
exact
|
|
path={customAppAddPath}
|
|
render={() => <CustomAppCreateView setToken={setToken} />}
|
|
/>
|
|
<Route exact path={appInstallPath} component={AppInstall} />
|
|
<Route exact path={appPath(":id")} component={AppDetails} />
|
|
<Route
|
|
exact
|
|
path={appSettingsPath(":id")}
|
|
component={AppDetailsSettings}
|
|
/>
|
|
<Route
|
|
exact
|
|
path={customAppPath(":id")}
|
|
render={props => (
|
|
<CustomAppDetails
|
|
{...props}
|
|
token={token}
|
|
onTokenClose={() => setToken(null)}
|
|
/>
|
|
)}
|
|
/>
|
|
|
|
<WebhooksRoutes />
|
|
</Switch>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Component;
|