|
|
@@ -15,6 +15,11 @@ import { Context } from "shared/Context";
|
|
|
import AWSCostConsent from "./AWSCostConsent";
|
|
|
import AzureCostConsent from "./AzureCostConsent";
|
|
|
import GCPCostConsent from "./GCPCostConsent";
|
|
|
+import Button from "./porter/Button";
|
|
|
+import DashboardPlaceholder from "./porter/DashboardPlaceholder";
|
|
|
+import Link from "./porter/Link";
|
|
|
+import Spacer from "./porter/Spacer";
|
|
|
+import Text from "./porter/Text";
|
|
|
|
|
|
const providers = ["aws", "gcp", "azure"];
|
|
|
|
|
|
@@ -82,6 +87,24 @@ const ProvisionerFlow: React.FC<Props> = ({}) => {
|
|
|
);
|
|
|
})}
|
|
|
</BlockList>
|
|
|
+ <DashboardPlaceholder>
|
|
|
+ <Text size={16}>
|
|
|
+ Want to test Porter without linking your own cloud account?
|
|
|
+ </Text>
|
|
|
+ <Spacer y={0.5} />
|
|
|
+ <Text color={"helper"}>
|
|
|
+ Get started with the Porter sandbox environment.
|
|
|
+ </Text>
|
|
|
+ <Spacer y={1} />
|
|
|
+ <Link to="https://sandbox.porter.run">
|
|
|
+ <Button alt height="35px">
|
|
|
+ Deploy on the Porter sandbox <Spacer inline x={1} />{" "}
|
|
|
+ <i className="material-icons" style={{ fontSize: "18px" }}>
|
|
|
+ east
|
|
|
+ </i>
|
|
|
+ </Button>
|
|
|
+ </Link>
|
|
|
+ </DashboardPlaceholder>
|
|
|
</StyledProvisionerFlow>
|
|
|
{showCostConfirmModal &&
|
|
|
((selectedProvider === "aws" && (
|
jusrhee