fix: lint

This commit is contained in:
Scott Wilson
2025-11-24 17:42:11 -08:00
parent 43bf1a6a5c
commit 5613456145
36 changed files with 66 additions and 66 deletions

View File

@@ -1,10 +1,10 @@
import { createElement } from "react";
import { ReactNode } from "@tanstack/react-router";
import { LucideIcon } from "lucide-react";
import { twMerge } from "tailwind-merge";
import { InstanceIcon, OrgIcon, ProjectIcon, SubOrgIcon } from "@app/components/v3";
import { ProjectType } from "@app/hooks/api/projects/types";
import { createElement } from "react";
type Props = {
title: ReactNode;

View File

@@ -1,3 +1,4 @@
import { useEffect, useState } from "react";
import { faGithub, faSlack } from "@fortawesome/free-brands-svg-icons";
import { faCircleQuestion, faUserCircle } from "@fortawesome/free-regular-svg-icons";
import {
@@ -23,7 +24,6 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useQuery, useQueryClient } from "@tanstack/react-query";
import { Link, useLocation, useNavigate, useRouter, useRouterState } from "@tanstack/react-router";
import { UserPlusIcon } from "lucide-react";
import { useEffect, useState } from "react";
import { twMerge } from "tailwind-merge";
import { Mfa } from "@app/components/auth/Mfa";

View File

@@ -1,3 +1,4 @@
import { useMemo, useState } from "react";
import {
faArrowDown,
faArrowUp,
@@ -18,7 +19,6 @@ import {
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useNavigate } from "@tanstack/react-router";
import { CircleQuestionMarkIcon } from "lucide-react";
import { useMemo, useState } from "react";
import { twMerge } from "tailwind-merge";
import { createNotification } from "@app/components/notifications";

View File

@@ -1,6 +1,6 @@
import { useNavigate, useSearch } from "@tanstack/react-router";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { useNavigate, useSearch } from "@tanstack/react-router";
import { ProjectPermissionCan } from "@app/components/permissions";
import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";

View File

@@ -1,12 +1,12 @@
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
import { useOrganization } from "@app/context";
import { ProjectType } from "@app/hooks/api/projects/types";
import { ProjectGeneralTab } from "@app/pages/project/SettingsPage/components/ProjectGeneralTab";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
const tabs = [
{
@@ -28,7 +28,7 @@ export const SettingsPage = () => {
<div className="w-full max-w-8xl">
<PageHeader scope={ProjectType.CertificateManager} title={t("settings.project.title")}>
<Link
to={"/organizations/$orgId/settings"}
to="/organizations/$orgId/settings"
params={{
orgId: currentOrg.id
}}

View File

@@ -1,12 +1,12 @@
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
import { useOrganization } from "@app/context";
import { ProjectType } from "@app/hooks/api/projects/types";
import { ProjectGeneralTab } from "@app/pages/project/SettingsPage/components/ProjectGeneralTab";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
const tabs = [
{
@@ -33,7 +33,7 @@ export const SettingsPage = () => {
description="Configure general project settings"
>
<Link
to={"/organizations/$orgId/settings"}
to="/organizations/$orgId/settings"
params={{
orgId: currentOrg.id
}}

View File

@@ -1,9 +1,9 @@
import { faInfoCircle } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useNavigate, useSearch } from "@tanstack/react-router";
import { useState } from "react";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { faInfoCircle } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useNavigate, useSearch } from "@tanstack/react-router";
import { OrgPermissionGuardBanner } from "@app/components/permissions/OrgPermissionCan";
import { Button, PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
@@ -18,8 +18,8 @@ import {
} from "@app/context";
import { OrgAccessControlTabSections } from "@app/types/org";
import { OrgGroupsTab, OrgIdentityTab, OrgMembersTab, OrgRoleTabSection } from "./components";
import { UpgradePrivilegeSystemModal } from "./components/UpgradePrivilegeSystemModal/UpgradePrivilegeSystemModal";
import { OrgGroupsTab, OrgIdentityTab, OrgMembersTab, OrgRoleTabSection } from "./components";
export const AccessManagementPage = () => {
const { t } = useTranslation();

View File

@@ -57,7 +57,7 @@ export const OrgGroupsSection = () => {
<OrgPermissionCan I={OrgPermissionGroupActions.Create} a={OrgPermissionSubjects.Groups}>
{(isAllowed) => (
<Button
variant={"outline_bg"}
variant="outline_bg"
type="submit"
leftIcon={<FontAwesomeIcon icon={faPlus} />}
onClick={() => handleAddGroupModal()}

View File

@@ -1,3 +1,4 @@
import { useMemo } from "react";
import {
faArrowDown,
faArrowUp,
@@ -12,7 +13,6 @@ import {
} from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useNavigate } from "@tanstack/react-router";
import { useMemo } from "react";
import { createNotification } from "@app/components/notifications";
import { OrgPermissionCan } from "@app/components/permissions";

View File

@@ -1,3 +1,4 @@
import { useCallback, useState } from "react";
import {
faArrowDown,
faArrowUp,
@@ -13,7 +14,6 @@ import {
} from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useNavigate } from "@tanstack/react-router";
import { useCallback, useState } from "react";
import { twMerge } from "tailwind-merge";
import { createNotification } from "@app/components/notifications";

View File

@@ -1,8 +1,8 @@
import { useEffect, useState } from "react";
import { faTrash } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useNavigate, useSearch } from "@tanstack/react-router";
import { BanIcon, UserPlusIcon } from "lucide-react";
import { useEffect, useState } from "react";
import { twMerge } from "tailwind-merge";
import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";
@@ -211,7 +211,7 @@ export const OrgMembersSection = () => {
<OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Member}>
{(isAllowed) => (
<Button
variant={"outline_bg"}
variant="outline_bg"
type="submit"
leftIcon={<UserPlusIcon size={16} />}
onClick={() =>

View File

@@ -1,3 +1,4 @@
import { Dispatch, SetStateAction, useCallback, useMemo, useState } from "react";
import {
faArrowDown,
faArrowUp,
@@ -16,7 +17,6 @@ import {
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useNavigate } from "@tanstack/react-router";
import { UserCogIcon } from "lucide-react";
import { Dispatch, SetStateAction, useCallback, useMemo, useState } from "react";
import { twMerge } from "tailwind-merge";
import { createNotification } from "@app/components/notifications";

View File

@@ -1,3 +1,4 @@
import { useMemo } from "react";
import {
faArrowDown,
faArrowUp,
@@ -14,7 +15,6 @@ import {
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useNavigate } from "@tanstack/react-router";
import { ServerIcon, WrenchIcon } from "lucide-react";
import { useMemo } from "react";
import { twMerge } from "tailwind-merge";
import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";

View File

@@ -1,6 +1,6 @@
import { Helmet } from "react-helmet";
import { faInfoCircle } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Helmet } from "react-helmet";
import { PageHeader } from "@app/components/v2";
import { useOrganization } from "@app/context";

View File

@@ -1,8 +1,8 @@
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, useNavigate, useParams } from "@tanstack/react-router";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { twMerge } from "tailwind-merge";
import { createNotification } from "@app/components/notifications";

View File

@@ -1,8 +1,8 @@
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, useNavigate, useParams } from "@tanstack/react-router";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";
import { createNotification } from "@app/components/notifications";

View File

@@ -1,8 +1,8 @@
// REFACTOR(akhilmhdh): This file needs to be split into multiple components too complex
import { Outlet, useMatches } from "@tanstack/react-router";
import { useState } from "react";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { Outlet, useMatches } from "@tanstack/react-router";
import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";
import { NewProjectModal } from "@app/components/projects";

View File

@@ -1,8 +1,8 @@
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, useNavigate, useParams } from "@tanstack/react-router";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { twMerge } from "tailwind-merge";
import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";
@@ -34,9 +34,9 @@ import {
import { usePopUp } from "@app/hooks/usePopUp";
import { OrgAccessControlTabSections } from "@app/types/org";
import { UserDetailsSection, UserOrgMembershipModal, UserProjectsSection } from "./components";
import { UserAuditLogsSection } from "./components/UserProjectsSection/UserAuditLogsSection";
import { UserGroupsSection } from "./components/UserProjectsSection/UserGroupsSection";
import { UserDetailsSection, UserOrgMembershipModal, UserProjectsSection } from "./components";
const Page = withPermission(
() => {

View File

@@ -1,12 +1,12 @@
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
import { useOrganization } from "@app/context";
import { ProjectType } from "@app/hooks/api/projects/types";
import { ProjectGeneralTab } from "@app/pages/project/SettingsPage/components/ProjectGeneralTab";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
export const SettingsPage = () => {
const { t } = useTranslation();
@@ -25,7 +25,7 @@ export const SettingsPage = () => {
description="Configure your PAM project."
>
<Link
to={"/organizations/$orgId/settings"}
to="/organizations/$orgId/settings"
params={{
orgId: currentOrg.id
}}

View File

@@ -1,6 +1,7 @@
import { Link, useNavigate, useSearch } from "@tanstack/react-router";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { Link, useNavigate, useSearch } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
import { useOrganization, useProject } from "@app/context";
@@ -8,7 +9,6 @@ import { getProjectBaseURL } from "@app/helpers/project";
import { ProjectType } from "@app/hooks/api/projects/types";
import { ProjectAccessControlTabs } from "@app/types/project";
import { InfoIcon } from "lucide-react";
import {
GroupsTab,
IdentityTab,
@@ -48,7 +48,7 @@ const Page = () => {
description="Manage fine-grained access for users, groups, roles, and machine identities within your project resources."
>
<Link
to={"/organizations/$orgId/access-management"}
to="/organizations/$orgId/access-management"
params={{
orgId: currentOrg.id
}}

View File

@@ -1,3 +1,4 @@
import { useMemo } from "react";
import {
faArrowDown,
faArrowUp,
@@ -10,7 +11,6 @@ import {
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useNavigate } from "@tanstack/react-router";
import { format } from "date-fns";
import { useMemo } from "react";
import { ProjectPermissionCan } from "@app/components/permissions";
import {

View File

@@ -1,3 +1,4 @@
import { useState } from "react";
import { subject } from "@casl/ability";
import {
faArrowDown,
@@ -13,7 +14,6 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useNavigate } from "@tanstack/react-router";
import { AnimatePresence, motion } from "framer-motion";
import { LinkIcon, PlusIcon } from "lucide-react";
import { useState } from "react";
import { twMerge } from "tailwind-merge";
import { createNotification } from "@app/components/notifications";

View File

@@ -1,3 +1,4 @@
import { useCallback, useMemo, useState } from "react";
import {
faArrowDown,
faArrowUp,
@@ -13,7 +14,6 @@ import {
} from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useNavigate } from "@tanstack/react-router";
import { useCallback, useMemo, useState } from "react";
import { twMerge } from "tailwind-merge";
import { ProjectPermissionCan } from "@app/components/permissions";

View File

@@ -1,3 +1,4 @@
import { useMemo } from "react";
import {
faArrowDown,
faArrowUp,
@@ -13,7 +14,6 @@ import {
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useNavigate } from "@tanstack/react-router";
import { ServerIcon, WrenchIcon } from "lucide-react";
import { useMemo } from "react";
import { twMerge } from "tailwind-merge";
import { createNotification } from "@app/components/notifications";

View File

@@ -1,6 +1,6 @@
import { useTranslation } from "react-i18next";
import { faPlus } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useTranslation } from "react-i18next";
import { createNotification } from "@app/components/notifications";
import { ProjectPermissionCan } from "@app/components/permissions";

View File

@@ -1,10 +1,10 @@
import { Helmet } from "react-helmet";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
import { PageHeader } from "@app/components/v2";
import { useProject } from "@app/context";
import { LogsSection } from "@app/pages/organization/AuditLogsPage/components";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
export const AuditLogsPage = () => {
const { currentProject } = useProject();
@@ -23,7 +23,7 @@ export const AuditLogsPage = () => {
description="Audit logs for security and compliance teams to monitor information access."
>
<Link
to={"/organizations/$orgId/audit-logs"}
to="/organizations/$orgId/audit-logs"
params={{
orgId: currentProject.orgId
}}

View File

@@ -1,9 +1,9 @@
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, useParams } from "@tanstack/react-router";
import { formatRelative } from "date-fns";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { ProjectPermissionCan } from "@app/components/permissions";
import { EmptyState, PageHeader, Spinner } from "@app/components/v2";

View File

@@ -1,11 +1,11 @@
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { subject } from "@casl/ability";
import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useQuery } from "@tanstack/react-query";
import { Link, useNavigate, useParams } from "@tanstack/react-router";
import { formatRelative } from "date-fns";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { createNotification } from "@app/components/notifications";
import { OrgPermissionCan, ProjectPermissionCan } from "@app/components/permissions";

View File

@@ -1,10 +1,10 @@
/* eslint-disable no-nested-ternary */
import { Controller, useFieldArray, useForm } from "react-hook-form";
import { faCaretDown, faClock, faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { zodResolver } from "@hookform/resolvers/zod";
import { format, formatDistance } from "date-fns";
import ms from "ms";
import { Controller, useFieldArray, useForm } from "react-hook-form";
import { twMerge } from "tailwind-merge";
import { z } from "zod";

View File

@@ -1,9 +1,9 @@
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, useNavigate, useParams } from "@tanstack/react-router";
import { formatRelative } from "date-fns";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";
import { createNotification } from "@app/components/notifications";

View File

@@ -1,3 +1,5 @@
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import {
faChevronLeft,
faCopy,
@@ -7,8 +9,6 @@ import {
} from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, useNavigate, useParams } from "@tanstack/react-router";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { twMerge } from "tailwind-merge";
import { createNotification } from "@app/components/notifications";

View File

@@ -1,6 +1,6 @@
import { useNavigate, useSearch } from "@tanstack/react-router";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { useNavigate, useSearch } from "@tanstack/react-router";
import { ProjectPermissionCan } from "@app/components/permissions";
import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";

View File

@@ -1,3 +1,6 @@
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { subject } from "@casl/ability";
import { faCheckCircle } from "@fortawesome/free-regular-svg-icons";
import {
@@ -20,9 +23,6 @@ import {
} from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, useNavigate, useParams, useRouter, useSearch } from "@tanstack/react-router";
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { twMerge } from "tailwind-merge";
import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";

View File

@@ -1,13 +1,13 @@
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
import { useProject } from "@app/context";
import { ProjectType, ProjectVersion } from "@app/hooks/api/projects/types";
import { ProjectGeneralTab } from "@app/pages/project/SettingsPage/components/ProjectGeneralTab";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
import { EncryptionTab } from "./components/EncryptionTab";
import { SecretSettingsTab } from "./components/ProjectGeneralTab";
import { WebhooksTab } from "./components/WebhooksTab";
@@ -49,7 +49,7 @@ export const SettingsPage = () => {
description="Configure your secret manager's encryption, environments, webhooks and other configurations."
>
<Link
to={"/organizations/$orgId/settings"}
to="/organizations/$orgId/settings"
params={{
orgId: currentProject.orgId
}}

View File

@@ -1,5 +1,7 @@
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
import { ProjectPermissionCan } from "@app/components/permissions";
import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
@@ -8,8 +10,6 @@ import { ProjectPermissionSecretScanningConfigActions } from "@app/context/Proje
import { ProjectType } from "@app/hooks/api/projects/types";
import { ProjectGeneralTab } from "@app/pages/project/SettingsPage/components/ProjectGeneralTab";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
import { ProjectScanningConfigTab } from "./components/ProjectScanningConfigTab";
export const SettingsPage = () => {
@@ -28,7 +28,7 @@ export const SettingsPage = () => {
description="Configure your Secret Scanning product's configurations."
>
<Link
to={"/organizations/$orgId/settings"}
to="/organizations/$orgId/settings"
params={{
orgId: currentOrg.id
}}

View File

@@ -1,5 +1,7 @@
import { Helmet } from "react-helmet";
import { useTranslation } from "react-i18next";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
import { ProjectPermissionCan } from "@app/components/permissions";
import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
@@ -7,8 +9,6 @@ import { ProjectPermissionActions, ProjectPermissionSub, useOrganization } from
import { ProjectType } from "@app/hooks/api/projects/types";
import { ProjectGeneralTab } from "@app/pages/project/SettingsPage/components/ProjectGeneralTab";
import { Link } from "@tanstack/react-router";
import { InfoIcon } from "lucide-react";
import { ProjectSshTab } from "./components/ProjectSshTab";
export const SettingsPage = () => {
@@ -28,7 +28,7 @@ export const SettingsPage = () => {
description="Configure your SSH product's configurations."
>
<Link
to={"/organizations/$orgId/settings"}
to="/organizations/$orgId/settings"
params={{
orgId: currentOrg.id
}}