diff --git a/src/components/AuthPageBrandingForm.tsx b/src/components/AuthPageBrandingForm.tsx
index 04a6cbcb..136e97f1 100644
--- a/src/components/AuthPageBrandingForm.tsx
+++ b/src/components/AuthPageBrandingForm.tsx
@@ -43,6 +43,7 @@ import {
} from "./Credenza";
import { usePaidStatus } from "@app/hooks/usePaidStatus";
import { build } from "@server/build";
+import { PaidFeaturesAlert } from "./PaidFeaturesAlert";
export type AuthPageCustomizationProps = {
orgId: string;
@@ -86,7 +87,7 @@ export default function AuthPageBrandingForm({
}: AuthPageCustomizationProps) {
const env = useEnvContext();
const api = createApiClient(env);
- const { hasSaasSubscription } = usePaidStatus();
+ const { isPaidUser } = usePaidStatus();
const router = useRouter();
@@ -117,14 +118,15 @@ export default function AuthPageBrandingForm({
branding?.resourceSubtitle ??
`Choose your preferred authentication method for {{resourceName}}`,
primaryColor: branding?.primaryColor ?? `#f36117` // default pangolin primary color
- }
+ },
+ disabled: !isPaidUser
});
async function updateBranding() {
const isValid = await form.trigger();
const brandingData = form.getValues();
- if (!isValid) return;
+ if (!isValid || !isPaidUser) return;
try {
const updateRes = await api.put(
`/org/${orgId}/login-page-branding`,
@@ -154,6 +156,8 @@ export default function AuthPageBrandingForm({
}
async function deleteBranding() {
+ if (!isPaidUser) return;
+
try {
const updateRes = await api.delete(
`/org/${orgId}/login-page-branding`
@@ -194,6 +198,8 @@ export default function AuthPageBrandingForm({
+
+