Create index.tsx
This commit is contained in:
parent
9d1f9d1fcc
commit
57f1c6f941
61
documentation/src/pages/verify/index.tsx
Normal file
61
documentation/src/pages/verify/index.tsx
Normal file
|
@ -0,0 +1,61 @@
|
||||||
|
import React, { useState } from "react";
|
||||||
|
import Head from "@docusaurus/Head";
|
||||||
|
import { BlogFooter } from "@site/src/refine-theme/blog-footer";
|
||||||
|
import { CommonHeader } from "@site/src/refine-theme/common-header";
|
||||||
|
import { CommonLayout } from "@site/src/refine-theme/common-layout";
|
||||||
|
import clsx from "clsx";
|
||||||
|
|
||||||
|
const Verify: React.FC = () => {
|
||||||
|
const [ipAddress, setIpAddress] = useState("");
|
||||||
|
const [responseData, setResponseData] = useState<any>(null);
|
||||||
|
|
||||||
|
const handleCheckLicense = async () => {
|
||||||
|
try {
|
||||||
|
const response = await fetch(`https://verify.openpanel.co/?ip=${ipAddress}`);
|
||||||
|
const data = await response.json();
|
||||||
|
setResponseData(data);
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Error fetching license data:", error);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<CommonLayout>
|
||||||
|
<Head title="LICENSE | OpenPanel">
|
||||||
|
<html data-page="support" data-customized="true" />
|
||||||
|
</Head>
|
||||||
|
<div className="refine-prose">
|
||||||
|
<CommonHeader hasSticky={true} />
|
||||||
|
|
||||||
|
<div className="flex-1 flex flex-col pt-8 lg:pt-16 pb-32 max-w-[800px] w-full mx-auto px-2">
|
||||||
|
<h1>License</h1>
|
||||||
|
|
||||||
|
<div className="mb-4">
|
||||||
|
<label htmlFor="ipAddress">Enter IP Address:</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="ipAddress"
|
||||||
|
value={ipAddress}
|
||||||
|
onChange={(e) => setIpAddress(e.target.value)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button className="bg-blue-500 text-white px-4 py-2" onClick={handleCheckLicense}>
|
||||||
|
Check License
|
||||||
|
</button>
|
||||||
|
|
||||||
|
{responseData && (
|
||||||
|
<div className="mt-4">
|
||||||
|
<h2>License Information:</h2>
|
||||||
|
<p>{responseData.message}</p>
|
||||||
|
{responseData.active_date && <p>Active Date: {responseData.active_date}</p>}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<BlogFooter />
|
||||||
|
</div>
|
||||||
|
</CommonLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Verify;
|
Loading…
Reference in a new issue