awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-06 16:27:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix lint issues

Browse Source
This commit is contained in:
Tuan Dang
2023-06-22 17:03:28 +07:00
parent 1cbab58d29
commit b22a179a17
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/settings/billing/[id].tsx
+7 -8
View File
@@ -1,13 +1,12 @@
import { useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import Head from "next/head"; import Head from "next/head";
import Plan from "@app/components/billing/Plan"; import Plan from "@app/components/billing/Plan";
import NavHeader from "@app/components/navigation/NavHeader"; import NavHeader from "@app/components/navigation/NavHeader";
import { useSubscription } from "@app/context"; import { useSubscription } from "@app/context";
export default function SettingsBilling() { export default function SettingsBilling() {
const { subscription } = useSubscription(); const { subscription } = useSubscription();
const [numUsers, setNumUsers] = useState(0);
const { t } = useTranslation(); const { t } = useTranslation();
@@ -21,7 +20,7 @@ export default function SettingsBilling() {
subtext: t("billing.starter.subtext")!, subtext: t("billing.starter.subtext")!,
buttonTextMain: t("billing.downgrade")!, buttonTextMain: t("billing.downgrade")!,
buttonTextSecondary: t("billing.learn-more")!, buttonTextSecondary: t("billing.learn-more")!,
current: subscription?.slug === "starter" // subscription.slug? current: subscription?.slug === "starter"
}, },
{ {
key: 2, key: 2,
@@ -77,19 +76,19 @@ export default function SettingsBilling() {
<Plan key={plan.name} plan={plan} /> <Plan key={plan.name} plan={plan} />
))} ))}
</div> </div>
<p className="mt-12 text-xl font-bold">{t("billing.current-usage")}</p> {/* <p className="mt-12 text-xl font-bold">{t("billing.current-usage")}</p>
<div className="flex flex-row"> <div className="flex flex-row">
<div className="mr-4 mt-8 flex w-60 flex-col items-center justify-center rounded-md bg-white/5 pt-6 pb-10 text-gray-300"> <div className="mr-4 mt-8 flex w-60 flex-col items-center justify-center rounded-md bg-white/5 pt-6 pb-10 text-gray-300">
<p className="text-6xl font-bold">{numUsers}</p> <p className="text-6xl font-bold">{numUsers}</p>
<p className="text-gray-300"> <p className="text-gray-300">
{numUsers > 1 ? "Organization members" : "Organization member"} Organization members
</p> </p>
</div> </div>
{/* <div className="mr-4 mt-8 text-gray-300 w-60 pt-6 pb-10 rounded-md bg-white/5 flex justify-center items-center flex flex-col"> <div className="mr-4 mt-8 text-gray-300 w-60 pt-6 pb-10 rounded-md bg-white/5 flex justify-center items-center flex flex-col">
<p className="text-6xl font-bold">1 </p> <p className="text-6xl font-bold">1 </p>
<p className="text-gray-300">Organization projects</p> <p className="text-gray-300">Organization projects</p>
</div> */} </div>
</div> </div> */}
</div> </div>
</div> </div>
</div> </div>