diff --git a/frontend/src/pages/integrations/cloudflare-pages/authorize.tsx b/frontend/src/pages/integrations/cloudflare-pages/authorize.tsx
index 6337b0d48..e526271e5 100644
--- a/frontend/src/pages/integrations/cloudflare-pages/authorize.tsx
+++ b/frontend/src/pages/integrations/cloudflare-pages/authorize.tsx
@@ -1,102 +1,92 @@
import { useState } from "react";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
import { useRouter } from "next/router";
-import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { useSaveIntegrationAccessToken } from "@app/hooks/api";
+import {
+ useSaveIntegrationAccessToken
+} from "@app/hooks/api";
-import { Button, Card, CardTitle, FormControl, Input } from "../../../components/v2";
+import { Button,Card, CardTitle, FormControl, Input } from "../../../components/v2";
-export default function RenderCreateIntegrationPage() {
- const router = useRouter();
- const { mutateAsync } = useSaveIntegrationAccessToken();
+export default function CloudflarePagesIntegrationPage() {
+ const router = useRouter();
+ const { mutateAsync } = useSaveIntegrationAccessToken();
- const [apiKey, setApiKey] = useState("");
- const [apiKeyErrorText, setApiKeyErrorText] = useState("");
- const [isLoading, setIsLoading] = useState(false);
+ const [accessKey, setAccessKey] = useState("");
+ const [accessKeyErrorText, setAccessKeyErrorText] = useState("");
+ const [accountId, setAccountId] = useState("");
+ const [accountIdErrorText, setAccountIdErrorText] = useState("");
+ const [isLoading, setIsLoading] = useState(false);
- const handleButtonClick = async () => {
- try {
- setApiKeyErrorText("");
- if (apiKey.length === 0) {
- setApiKeyErrorText("API Key cannot be blank");
- return;
- }
+ const handleButtonClick = async () => {
+ try {
+ setAccessKeyErrorText("");
+ setAccountIdErrorText("");
+ if (accessKey.length === 0 || accountId.length === 0) {
+ if (accessKey.length === 0) setAccessKeyErrorText("API token cannot be blank!");
+ if (accountId.length === 0) setAccountIdErrorText("Account ID cannot be blank!");
+ return;
+ }
- setIsLoading(true);
+ setIsLoading(true);
- const integrationAuth = await mutateAsync({
- workspaceId: localStorage.getItem("projectData.id"),
- integration: "render",
- accessToken: apiKey
- });
+ const integrationAuth = await mutateAsync({
+ workspaceId: localStorage.getItem("projectData.id"),
+ integration: "cloudflare-pages",
+ accessId: accountId,
+ accessToken: accessKey
+ });
- setIsLoading(false);
+ setAccessKey("");
+ setAccountId("");
+ setIsLoading(false);
- router.push(`/integrations/render/create?integrationAuthId=${integrationAuth.id}`);
- } catch (err) {
- console.error(err);
+ router.push(`/integrations/cloudflare-pages/create?integrationAuthId=${integrationAuth.id}`);
+ } catch (err) {
+ console.error(err);
+ }
}
- };
- return (
-
-
-
Authorize Render Integration
-
-
-
-
-
-
-
- setApiKey(e.target.value)} />
-
-
-
-
+
+ Cloudflare Pages Integration
+
+ setAccessKey(e.target.value)}
+ />
+
+
+ setAccountId(e.target.value)}
+ />
+
+
+
+
+ );
}
-RenderCreateIntegrationPage.requireAuth = true;
+CloudflarePagesIntegrationPage.requireAuth = true;
\ No newline at end of file