36 lines
921 B
TypeScript
36 lines
921 B
TypeScript
import { AlertBase, Button } from "@saleor/macaw-ui";
|
|
import React from "react";
|
|
import { Typography } from "@material-ui/core";
|
|
import { actions, useAppBridge } from "@saleor/app-sdk/app-bridge";
|
|
|
|
const NotReadyPage = () => {
|
|
const { appBridge } = useAppBridge();
|
|
|
|
return (
|
|
<div>
|
|
<h1>Saleor Invoices App</h1>
|
|
<AlertBase variant="error">
|
|
<Typography variant="h3" paragraph>
|
|
App can not be used
|
|
</Typography>
|
|
<Typography paragraph>
|
|
To configure Invoices App you need to create at least 1 channel
|
|
</Typography>
|
|
<Button
|
|
variant="primary"
|
|
onClick={() => {
|
|
appBridge?.dispatch(
|
|
actions.Redirect({
|
|
to: `/channels/add`,
|
|
})
|
|
);
|
|
}}
|
|
>
|
|
Set up channel
|
|
</Button>
|
|
</AlertBase>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default NotReadyPage;
|