+ <>
This button will launch a checkout with the Pro Plan{" "}
@@ -105,6 +102,6 @@ export default function CustomCheckout() {
-
+ >
);
}
diff --git a/src/app/embedSettings.ts b/src/app/embedSettings.ts
index e15143b..f44f235 100644
--- a/src/app/embedSettings.ts
+++ b/src/app/embedSettings.ts
@@ -1,4 +1,4 @@
-import { type EmbedSettings } from "@schematichq/schematic-components";
+import { type EmbedSettings } from "@schematichq/schematic-react/components";
import { type DeepPartial } from "@/types";
diff --git a/src/app/globals.css b/src/app/globals.css
index d38bcf4..b0008dd 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -35,6 +35,10 @@
--foreground-rgb: 0, 0, 0;
--background-start-rgb: 214, 219, 220;
--background-end-rgb: 255, 255, 255;
+
+ .schematic-usage-meter {
+ border-radius: 0.25rem;
+ }
}
@media (prefers-color-scheme: dark) {
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 25f02b0..a5a5a10 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -1,25 +1,12 @@
"use client";
-import { EmbedProvider, PricingTable } from "@schematichq/schematic-components";
-
-import { embedSettings } from "../embedSettings";
+import { PricingTable } from "@schematichq/schematic-react/components";
export default function Pricing() {
- const apiKey = process.env.NEXT_PUBLIC_SCHEMATIC_PUBLISHABLE_KEY;
- const apiUrl = process.env.NEXT_PUBLIC_SCHEMATIC_API_URL;
- const apiConfig = apiUrl ? { basePath: apiUrl } : undefined;
-
return (
-