diff --git a/frontend/src/pages/organization/SettingsPage/components/OrgProductSelectSection/OrgProductSelectSection.tsx b/frontend/src/pages/organization/SettingsPage/components/OrgProductSelectSection/OrgProductSelectSection.tsx index 6f303b05e..22825f9d4 100644 --- a/frontend/src/pages/organization/SettingsPage/components/OrgProductSelectSection/OrgProductSelectSection.tsx +++ b/frontend/src/pages/organization/SettingsPage/components/OrgProductSelectSection/OrgProductSelectSection.tsx @@ -1,5 +1,5 @@ import { createNotification } from "@app/components/notifications"; -import { Switch } from "@app/components/v2"; +import { Checkbox, Switch } from "@app/components/v2"; import { useOrganization } from "@app/context"; import { useUpdateOrg } from "@app/hooks/api"; import { useEffect, useState } from "react"; @@ -9,11 +9,11 @@ export const OrgProductSelectSection = () => { [key: string]: { name: string; enabled: boolean }; }>({ secretsProductEnabled: { - name: "Secrets", + name: "Secret Management", enabled: true }, pkiProductEnabled: { - name: "PKI", + name: "Certificate Management", enabled: true }, kmsProductEnabled: { @@ -53,11 +53,6 @@ export const OrgProductSelectSection = () => { orgId: currentOrg.id, [key]: value }); - - createNotification({ - text: `Successfully ${value ? "enabled" : "disabled"} ${toggledProducts[key].name}`, - type: "success" - }); }; return ( @@ -67,15 +62,17 @@ export const OrgProductSelectSection = () => { Select which products are available for your organization.

-
+
{Object.entries(toggledProducts).map(([key, product]) => ( onProductToggle(value, key)} isChecked={product.enabled} + className="ml-0" + containerClassName="flex-row-reverse gap-3 w-fit" > -

{product.name}

+ {product.name}
))}