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

misc: addressed frontend lint issues

Browse Source
This commit is contained in:
Sheen Capadngan
2025-10-16 01:56:39 +08:00
parent fae8aec43a
commit 598455b7f4
9 changed files with 34 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/src/server/routes/v3/external-migration-router.ts
+1 -1
View File
@@ -129,7 +129,7 @@ export const registerExternalMigrationRouter = async (server: FastifyZodProvider
id: z.string(), id: z.string(),
orgId: z.string(), orgId: z.string(),
namespace: z.string(), namespace: z.string(),
connectionId: z.string().nullable().optional(), connectionId: z.string().nullish(),
createdAt: z.date(), createdAt: z.date(),
updatedAt: z.date() updatedAt: z.date()
}) })
frontend/src/pages/organization/AccessManagementPage/components/OrgIdentityTab/components/IdentitySection/IdentityKubernetesAuthForm.tsx
+3 -3
View File
@@ -404,9 +404,9 @@ export const IdentityKubernetesAuthForm = ({
</TabList> </TabList>
<TabPanel value={IdentityFormTab.Configuration}> <TabPanel value={IdentityFormTab.Configuration}>
{hasVaultConnection && !isUpdate && ( {hasVaultConnection && !isUpdate && (
<div className="bg-primary/10 border-primary/30 mb-4 flex items-center justify-between rounded-md border p-3"> <div className="mb-4 flex items-center justify-between rounded-md border border-primary/30 bg-primary/10 p-3">
<div className="flex items-start gap-2 text-sm"> <div className="flex items-start gap-2 text-sm">
<FontAwesomeIcon icon={faInfoCircle} className="text-primary mt-0.5" /> <FontAwesomeIcon icon={faInfoCircle} className="mt-0.5 text-primary" />
<span className="text-mineshaft-200">Load values from HashiCorp Vault</span> <span className="text-mineshaft-200">Load values from HashiCorp Vault</span>
</div> </div>
<Button <Button
@@ -467,7 +467,7 @@ export const IdentityKubernetesAuthForm = ({
); );
} }
}} }}
className="border-mineshaft-500 w-full border" className="w-full border border-mineshaft-500"
dropdownContainerClassName="max-w-none" dropdownContainerClassName="max-w-none"
isLoading={isGatewayLoading} isLoading={isGatewayLoading}
placeholder="Default: Internet Gateway" placeholder="Default: Internet Gateway"
frontend/src/pages/organization/AccessManagementPage/components/OrgIdentityTab/components/IdentitySection/VaultKubernetesAuthImportModal.tsx
+2 -2
View File
@@ -80,7 +80,7 @@ const Content = ({ onClose, onImport }: ContentProps) => {
placeholder="Select namespace..." placeholder="Select namespace..."
className="w-full" className="w-full"
/> />
<p className="text-mineshaft-400 mt-1 text-xs"> <p className="mt-1 text-xs text-mineshaft-400">
Select the Vault namespace to fetch available Kubernetes auth roles Select the Vault namespace to fetch available Kubernetes auth roles
</p> </p>
</> </>
@@ -105,7 +105,7 @@ const Content = ({ onClose, onImport }: ContentProps) => {
isClearable isClearable
className="w-full" className="w-full"
/> />
<p className="text-mineshaft-400 mt-1 text-xs"> <p className="mt-1 text-xs text-mineshaft-400">
Select the Kubernetes role to load configuration from Select the Kubernetes role to load configuration from
</p> </p>
</> </>
frontend/src/pages/organization/SettingsPage/components/ExternalMigrationsTab/ExternalMigrationsTab.tsx
+8 -8
View File
@@ -17,10 +17,10 @@ export const ExternalMigrationsTab = () => {
return ( return (
<div className="flex flex-col gap-6"> <div className="flex flex-col gap-6">
{/* In-Platform Migration Tooling Section */} {/* In-Platform Migration Tooling Section */}
<div className="border-mineshaft-600 bg-mineshaft-900 rounded-lg border p-4"> <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4"> <div className="mb-4">
<h2 className="text-mineshaft-100 text-xl font-medium">In-Platform Migration Tooling</h2> <h2 className="text-xl font-medium text-mineshaft-100">In-Platform Migration Tooling</h2>
<p className="mb-6 mt-1 text-sm text-gray-400"> <p className="mt-1 mb-6 text-sm text-gray-400">
Configure platform connections to enable migration features throughout Infisical, such Configure platform connections to enable migration features throughout Infisical, such
as importing policies and resources directly within the UI. as importing policies and resources directly within the UI.
</p> </p>
@@ -29,10 +29,10 @@ export const ExternalMigrationsTab = () => {
</div> </div>
{/* Bulk Data Import Section */} {/* Bulk Data Import Section */}
<div className="border-mineshaft-600 bg-mineshaft-900 rounded-lg border p-4"> <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4"> <div className="mb-4">
<h2 className="text-mineshaft-100 text-xl font-medium">Bulk Data Import</h2> <h2 className="text-xl font-medium text-mineshaft-100">Bulk Data Import</h2>
<p className="mb-6 mt-1 text-sm text-gray-400"> <p className="mt-1 mb-6 text-sm text-gray-400">
Perform one-time bulk imports of data from external platforms. Perform one-time bulk imports of data from external platforms.
</p> </p>
</div> </div>
@@ -40,7 +40,7 @@ export const ExternalMigrationsTab = () => {
<div className="flex items-start justify-between"> <div className="flex items-start justify-between">
<div> <div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<p className="text-mineshaft-100 text-base font-medium"> <p className="text-base font-medium text-mineshaft-100">
Import from external source Import from external source
</p> </p>
<a <a
@@ -48,7 +48,7 @@ export const ExternalMigrationsTab = () => {
rel="noopener noreferrer" rel="noopener noreferrer"
href="https://infisical.com/docs/documentation/platform/external-migrations/overview" href="https://infisical.com/docs/documentation/platform/external-migrations/overview"
> >
<div className="bg-yellow/20 text-yellow inline-block rounded-md px-1.5 pb-[0.03rem] pt-[0.04rem] text-sm opacity-80 hover:opacity-100"> <div className="inline-block rounded-md bg-yellow/20 px-1.5 pt-[0.04rem] pb-[0.03rem] text-sm text-yellow opacity-80 hover:opacity-100">
<FontAwesomeIcon icon={faBookOpen} className="mr-1.5" /> <FontAwesomeIcon icon={faBookOpen} className="mr-1.5" />
Docs Docs
<FontAwesomeIcon <FontAwesomeIcon
frontend/src/pages/organization/SettingsPage/components/ExternalMigrationsTab/components/VaultConnectionSection.tsx
+4 -4
View File
@@ -83,10 +83,10 @@ export const VaultConnectionSection = () => {
<img <img
src="/images/integrations/Vault.png" src="/images/integrations/Vault.png"
alt="HashiCorp Vault logo" alt="HashiCorp Vault logo"
className="bg-bunker-500 h-10 w-10 rounded-md p-2" className="h-10 w-10 rounded-md bg-bunker-500 p-2"
/> />
<div> <div>
<h3 className="text-mineshaft-100 text-lg font-medium">HashiCorp Vault</h3> <h3 className="text-lg font-medium text-mineshaft-100">HashiCorp Vault</h3>
<p className="text-sm text-gray-400"> <p className="text-sm text-gray-400">
Enable in-platform migration tooling for policy imports and secret engine migrations Enable in-platform migration tooling for policy imports and secret engine migrations
</p> </p>
@@ -119,7 +119,7 @@ export const VaultConnectionSection = () => {
<Tr> <Tr>
<Td colSpan={3}> <Td colSpan={3}>
<EmptyState title="No namespace configurations" icon={faPlus} className="py-8"> <EmptyState title="No namespace configurations" icon={faPlus} className="py-8">
<p className="text-mineshaft-400 mb-4 text-sm"> <p className="mb-4 text-sm text-mineshaft-400">
Add a namespace configuration to enable in-platform migration features. Add a namespace configuration to enable in-platform migration features.
</p> </p>
</EmptyState> </EmptyState>
@@ -159,7 +159,7 @@ export const VaultConnectionSection = () => {
</Table> </Table>
</TableContainer> </TableContainer>
<p className="text-mineshaft-400 mt-4 text-xs"> <p className="mt-4 text-xs text-mineshaft-400">
Configure namespace-specific connections to enable in-platform migration features. Manage Configure namespace-specific connections to enable in-platform migration features. Manage
connections in the App Connections section. connections in the App Connections section.
</p> </p>
frontend/src/pages/project/RoleDetailsBySlugPage/components/AddPoliciesButton.tsx
+1 -1
View File
@@ -56,7 +56,7 @@ export const AddPoliciesButton = ({ isDisabled, projectType }: Props) => {
<IconButton <IconButton
ariaLabel="Open policy template options" ariaLabel="Open policy template options"
variant="outline_bg" variant="outline_bg"
className="bg-mineshaft-600 rounded-l-none p-3" className="rounded-l-none bg-mineshaft-600 p-3"
> >
<FontAwesomeIcon icon={faAngleDown} /> <FontAwesomeIcon icon={faAngleDown} />
</IconButton> </IconButton>
frontend/src/pages/project/RoleDetailsBySlugPage/components/VaultPolicyImportModal.tsx
+5 -5
View File
@@ -146,9 +146,9 @@ const Content = ({ onClose }: ContentProps) => {
return ( return (
<> <>
<div className="bg-primary/10 text-mineshaft-200 mb-4 rounded-md p-3 text-sm"> <div className="mb-4 rounded-md bg-primary/10 p-3 text-sm text-mineshaft-200">
<div className="flex items-start gap-2"> <div className="flex items-start gap-2">
<FontAwesomeIcon icon={faInfoCircle} className="text-primary mt-0.5" /> <FontAwesomeIcon icon={faInfoCircle} className="mt-0.5 text-primary" />
<div> <div>
<div className="mb-2"> <div className="mb-2">
<strong>How Policy Translation Works</strong> <strong>How Policy Translation Works</strong>
@@ -192,7 +192,7 @@ const Content = ({ onClose }: ContentProps) => {
placeholder="Select namespace..." placeholder="Select namespace..."
className="w-full" className="w-full"
/> />
<p className="text-mineshaft-400 mt-1 text-xs"> <p className="mt-1 text-xs text-mineshaft-400">
Select the Vault namespace to fetch policies and mount information Select the Vault namespace to fetch policies and mount information
</p> </p>
</> </>
@@ -218,7 +218,7 @@ const Content = ({ onClose }: ContentProps) => {
isClearable isClearable
className="w-full" className="w-full"
/> />
<p className="text-mineshaft-400 mt-1 text-xs"> <p className="mt-1 text-xs text-mineshaft-400">
Select a policy to auto-populate the HCL editor below, or skip to paste your own Select a policy to auto-populate the HCL editor below, or skip to paste your own
</p> </p>
</> </>
@@ -239,7 +239,7 @@ path "secret/metadata/prod/*" {
rows={12} rows={12}
className="font-mono text-sm" className="font-mono text-sm"
/> />
<p className="text-mineshaft-400 mt-1 text-xs"> <p className="mt-1 text-xs text-mineshaft-400">
Paste your HCL policy here or select one from the dropdown above. The translator will Paste your HCL policy here or select one from the dropdown above. The translator will
extract environments and paths automatically. extract environments and paths automatically.
</p> </p>
frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/ActionBar.tsx
+6 -6
View File
@@ -828,8 +828,8 @@ export const ActionBar = ({
{Boolean(filteredTags) && <Badge>{filteredTags} Applied</Badge>} {Boolean(filteredTags) && <Badge>{filteredTags} Applied</Badge>}
</div> </div>
</DropdownSubMenuTrigger> </DropdownSubMenuTrigger>
<DropdownSubMenuContent className="thin-scrollbar max-h-80 overflow-y-auto rounded-l-none"> <DropdownSubMenuContent className="max-h-80 thin-scrollbar overflow-y-auto rounded-l-none">
<DropdownMenuLabel className="bg-mineshaft-900 sticky top-0"> <DropdownMenuLabel className="sticky top-0 bg-mineshaft-900">
<div className="flex w-full items-center justify-between"> <div className="flex w-full items-center justify-between">
<span>Filter by Secret Tags</span> <span>Filter by Secret Tags</span>
<Tooltip content="Matches secrets with one or more of the applied tags"> <Tooltip content="Matches secrets with one or more of the applied tags">
@@ -970,7 +970,7 @@ export const ActionBar = ({
<IconButton <IconButton
ariaLabel="add-folder-or-import" ariaLabel="add-folder-or-import"
variant="outline_bg" variant="outline_bg"
className="bg-mineshaft-600 rounded-l-none p-3" className="rounded-l-none bg-mineshaft-600 p-3"
> >
<FontAwesomeIcon icon={faAngleDown} /> <FontAwesomeIcon icon={faAngleDown} />
</IconButton> </IconButton>
@@ -1147,11 +1147,11 @@ export const ActionBar = ({
isMultiSelectActive && "h-16" isMultiSelectActive && "h-16"
)} )}
> >
<div className="border-mineshaft-600 bg-mineshaft-800 text-bunker-300 mt-3.5 flex items-center rounded-md border px-4 py-2"> <div className="mt-3.5 flex items-center rounded-md border border-mineshaft-600 bg-mineshaft-800 px-4 py-2 text-bunker-300">
<div className="mr-2 text-sm">{Object.keys(selectedSecrets).length} Selected</div> <div className="mr-2 text-sm">{Object.keys(selectedSecrets).length} Selected</div>
<button <button
type="button" type="button"
className="text-mineshaft-400 hover:text-mineshaft-200 mr-auto text-xs underline-offset-2 hover:underline" className="mr-auto text-xs text-mineshaft-400 underline-offset-2 hover:text-mineshaft-200 hover:underline"
onClick={resetSelectedSecret} onClick={resetSelectedSecret}
> >
Unselect All Unselect All
@@ -1338,7 +1338,7 @@ export const ActionBar = ({
onOpenChange={(open) => handlePopUpToggle("requestAccess", open)} onOpenChange={(open) => handlePopUpToggle("requestAccess", open)}
> >
<ModalContent title="Access Restricted"> <ModalContent title="Access Restricted">
<p className="text-bunker-300 mb-2">You do not have permission to perform this action.</p> <p className="mb-2 text-bunker-300">You do not have permission to perform this action.</p>
<p className="text-bunker-300">Request access to perform this action in this folder.</p> <p className="text-bunker-300">Request access to perform this action in this folder.</p>
<div className="mt-8 flex items-center gap-4"> <div className="mt-8 flex items-center gap-4">
<ModalClose asChild> <ModalClose asChild>
frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/VaultSecretImportModal.tsx
+4 -4
View File
@@ -81,9 +81,9 @@ const Content = ({ onClose, environment, secretPath, onImport }: ContentProps) =
return ( return (
<> <>
<div className="bg-primary/10 text-mineshaft-200 mb-4 rounded-md p-3 text-sm"> <div className="mb-4 rounded-md bg-primary/10 p-3 text-sm text-mineshaft-200">
<div className="flex items-start gap-2"> <div className="flex items-start gap-2">
<FontAwesomeIcon icon={faInfoCircle} className="text-primary mt-0.5" /> <FontAwesomeIcon icon={faInfoCircle} className="mt-0.5 text-primary" />
<div> <div>
<div className="mb-2"> <div className="mb-2">
<strong>Import Secrets from HashiCorp Vault</strong> <strong>Import Secrets from HashiCorp Vault</strong>
@@ -121,7 +121,7 @@ const Content = ({ onClose, environment, secretPath, onImport }: ContentProps) =
placeholder="Select namespace..." placeholder="Select namespace..."
className="w-full" className="w-full"
/> />
<p className="text-mineshaft-400 mt-1 text-xs"> <p className="mt-1 text-xs text-mineshaft-400">
Select the Vault namespace to fetch available secret paths Select the Vault namespace to fetch available secret paths
</p> </p>
</> </>
@@ -146,7 +146,7 @@ const Content = ({ onClose, environment, secretPath, onImport }: ContentProps) =
isClearable isClearable
className="w-full" className="w-full"
/> />
<p className="text-mineshaft-400 mt-1 text-xs"> <p className="mt-1 text-xs text-mineshaft-400">
Choose a secret path from your Vault namespace to import into Infisical Choose a secret path from your Vault namespace to import into Infisical
</p> </p>
</> </>