9f843b2d31
* Update imports from apps-shared package * Extract main bar and app icon * Remove graphql generated * Implement AppIcon and MainBar in data importer and invoices * Change name to TitleBar * Use TitleBar and AppIcon from shared package * Use title bar from shared in search * Refactor slack to use TitleBar from shared package * Make TitleBar sticky * Run codegen before cicd tests * Add generate script
33 lines
927 B
TypeScript
33 lines
927 B
TypeScript
import { NextPage } from "next";
|
|
import { useAppBridge } from "@saleor/app-sdk/app-bridge";
|
|
import { useEffect } from "react";
|
|
import { useIsMounted } from "usehooks-ts";
|
|
import { useRouter } from "next/router";
|
|
import { isInIframe } from "@saleor/apps-shared";
|
|
import { LinearProgress } from "@material-ui/core";
|
|
|
|
const IndexPage: NextPage = () => {
|
|
const { appBridgeState } = useAppBridge();
|
|
const isMounted = useIsMounted();
|
|
const { replace } = useRouter();
|
|
|
|
useEffect(() => {
|
|
if (isMounted() && appBridgeState?.ready) {
|
|
replace("/importer");
|
|
}
|
|
}, [isMounted, appBridgeState?.ready, replace]);
|
|
|
|
if (isInIframe()) {
|
|
return <LinearProgress />;
|
|
}
|
|
|
|
return (
|
|
<div>
|
|
<h1>Saleor Data Importer</h1>
|
|
<p>This is Saleor App that allows importing data from CSV</p>
|
|
<p>Install app in your Saleor instance and open in with Dashboard</p>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default IndexPage;
|