feat: renamed old frontend and fixed some minor bugs

2026-10-21 09:28:14 +00:00 · 2025-01-06 14:56:49 +05:30
parent 8c902d7699
commit 54377a44d3
2577 changed files with 35240 additions and 35116 deletions
@@ -0,0 +1,9 @@
+import { LicensesSection } from "./LicensesSection";
+
+export const BillingSelfHostedTab = () => {
+  return (
+    <div>
+      <LicensesSection />
+    </div>
+  );
+};
@@ -0,0 +1,63 @@
+import { faFileContract } from "@fortawesome/free-solid-svg-icons";
+
+import {
+  EmptyState,
+  Table,
+  TableContainer,
+  TableSkeleton,
+  TBody,
+  Td,
+  Th,
+  THead,
+  Tr
+} from "@app/components/v2";
+import { useOrganization } from "@app/context";
+import { useGetOrgLicenses } from "@app/hooks/api";
+
+export const LicensesSection = () => {
+  const { currentOrg } = useOrganization();
+  const { data, isPending } = useGetOrgLicenses(currentOrg?.id ?? "");
+
+  return (
+    <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
+      <h2 className="mb-8 flex-1 text-xl font-semibold text-white">Enterprise licenses</h2>
+      <TableContainer className="mt-4">
+        <Table>
+          <THead>
+            <Tr>
+              <Th>License Key</Th>
+              <Th>Status</Th>
+              <Th>Issued Date</Th>
+              <Th>Expiry Date</Th>
+            </Tr>
+          </THead>
+          <TBody>
+            {!isPending &&
+              data &&
+              data?.length > 0 &&
+              data.map(({ id, licenseKey, isActivated, createdAt, expiresAt }) => {
+                const formattedCreatedAt = new Date(createdAt).toISOString().split("T")[0];
+                const formattedExpiresAt = new Date(expiresAt).toISOString().split("T")[0];
+                return (
+                  <Tr key={`license-${id}`} className="h-10">
+                    <Td>{licenseKey}</Td>
+                    <Td>{isActivated ? "Active" : "Inactive"}</Td>
+                    <Td>{formattedCreatedAt}</Td>
+                    <Td>{formattedExpiresAt}</Td>
+                  </Tr>
+                );
+              })}
+            {isPending && <TableSkeleton columns={4} innerKey="licenses" />}
+            {!isPending && data && data?.length === 0 && (
+              <Tr>
+                <Td colSpan={4}>
+                  <EmptyState title="No enterprise licenses on file" icon={faFileContract} />
+                </Td>
+              </Tr>
+            )}
+          </TBody>
+        </Table>
+      </TableContainer>
+    </div>
+  );
+};
@@ -0,0 +1 @@
+export * from "./BillingSelfHostedTab";