awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-20 21:18:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

improvement: address feedback

Browse Source
This commit is contained in:
Scott Wilson
2025-10-16 10:48:31 -07:00
parent 713d10bb96
commit f4b8177496
55 changed files with 138 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/layouts/AdminLayout/AdminNavBar.tsx
+8 -8
View File
@@ -4,7 +4,6 @@ import {
faBuilding,
faCog,
faDatabase,
faGlobe,
faKey,
faLock,
faPlug,
@@ -14,7 +13,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, useMatchRoute } from "@tanstack/react-router";
import { motion } from "framer-motion";
import { Tab, TabList, Tabs } from "@app/components/v2";
import { Tab, TabList, Tabs, Tooltip } from "@app/components/v2";
const generalTabs = [
{
@@ -74,12 +73,13 @@ export const AdminNavBar = () => {
<nav className="w-full">
<Tabs value="selected">
<TabList className="border-b-0">
<Link to="/organization/projects">
<Tab value="back" className="flex gap-x-2">
<FontAwesomeIcon icon={faGlobe} />
<FontAwesomeIcon icon={faArrowLeft} />
</Tab>
</Link>
<Tooltip position="bottom" content="Back to organization">
<Link to="/organization/projects">
<Tab value="back">
<FontAwesomeIcon icon={faArrowLeft} />
</Tab>
</Link>
</Tooltip>
{generalTabs.map((tab) => {
const isActive = matchRoute({ to: tab.link, fuzzy: false });
return (
frontend/src/layouts/KmsLayout/KmsLayout.tsx
-8
View File
@@ -1,5 +1,3 @@
import { faArrowLeft, faGlobe } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, Outlet, useLocation } from "@tanstack/react-router";
import { motion } from "framer-motion";
@@ -28,12 +26,6 @@ export const KmsLayout = () => {
<nav className="w-full">
<Tabs value="selected">
<TabList className="border-b-0">
<Link to="/organization/projects">
<Tab value="back" className="flex gap-x-2">
<FontAwesomeIcon icon={faGlobe} />
<FontAwesomeIcon icon={faArrowLeft} />
</Tab>
</Link>
<Link
to="/projects/kms/$projectId/overview"
params={{
frontend/src/layouts/OrganizationLayout/components/NavBar/Navbar.tsx
+1 -1
View File
@@ -241,7 +241,7 @@ export const Navbar = () => {
<Badge
variant="org"
className={twMerge(
"max-w-full min-w-0 text-sm",
"max-w-full min-w-0 cursor-pointer text-sm",
!isOrgScope && "bg-transparent opacity-75"
)}
>
frontend/src/layouts/OrganizationLayout/components/OrgNavBar/OrgNavBar.tsx
+3 -3
View File
@@ -19,10 +19,10 @@ export const OrgNavBar = ({ isHidden }: Props) => {
{!isHidden && (
<div className="dark hidden w-full flex-col overflow-x-hidden border-b border-mineshaft-600 bg-mineshaft-900 px-4 md:flex">
<motion.div
key="menu-project-items"
initial={{ x: 150 }}
key="menu-org-items"
initial={{ x: -150 }}
animate={{ x: 0 }}
exit={{ x: 150 }}
exit={{ x: -150 }}
transition={{ duration: 0.2 }}
className=""
>
frontend/src/layouts/PamLayout/PamLayout.tsx
-8
View File
@@ -1,6 +1,4 @@
import { useEffect } from "react";
import { faArrowLeft, faGlobe } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, Outlet, useLocation } from "@tanstack/react-router";
import { motion } from "framer-motion";
@@ -39,12 +37,6 @@ export const PamLayout = () => {
<nav className="w-full">
<Tabs value="selected">
<TabList className="border-b-0">
<Link to="/organization/projects">
<Tab value="back" className="flex gap-x-2">
<FontAwesomeIcon icon={faGlobe} />
<FontAwesomeIcon icon={faArrowLeft} />
</Tab>
</Link>
<Link
to="/projects/pam/$projectId/accounts"
params={{
frontend/src/layouts/PkiManagerLayout/PkiManagerLayout.tsx
+1 -7
View File
@@ -1,5 +1,5 @@
import { useTranslation } from "react-i18next";
import { faArrowLeft, faGlobe, faMobile } from "@fortawesome/free-solid-svg-icons";
import { faMobile } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, Outlet, useLocation } from "@tanstack/react-router";
import { motion } from "framer-motion";
@@ -30,12 +30,6 @@ export const PkiManagerLayout = () => {
<nav className="w-full">
<Tabs value="selected">
<TabList className="border-b-0">
<Link to="/organization/projects">
<Tab value="back" className="flex gap-x-2">
<FontAwesomeIcon icon={faGlobe} />
<FontAwesomeIcon icon={faArrowLeft} />
</Tab>
</Link>
<Link
to="/projects/cert-management/$projectId/subscribers"
params={{
frontend/src/layouts/ProjectLayout/components/ProjectSelect/ProjectSelect.tsx
+4 -6
View File
@@ -108,12 +108,10 @@ export const ProjectSelect = () => {
}}
className="overflow-hidden"
>
<Tooltip content={currentWorkspace.name} className="max-w-96 break-words">
<Badge variant="project" className="max-w-full min-w-0 text-sm">
<FontAwesomeIcon icon={faCube} />
<p className="truncate">{currentWorkspace?.name}</p>
</Badge>
</Tooltip>
<Badge variant="project" className="max-w-full min-w-0 cursor-pointer text-sm">
<FontAwesomeIcon icon={faCube} />
<p className="truncate">{currentWorkspace?.name}</p>
</Badge>
</Link>
<DropdownMenuTrigger asChild>
<div>
frontend/src/layouts/SecretManagerLayout/SecretManagerLayout.tsx
+1 -7
View File
@@ -1,5 +1,5 @@
import { useTranslation } from "react-i18next";
import { faArrowLeft, faGlobe, faMobile } from "@fortawesome/free-solid-svg-icons";
import { faMobile } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, Outlet, useLocation } from "@tanstack/react-router";
import { motion } from "framer-motion";
@@ -55,12 +55,6 @@ export const SecretManagerLayout = () => {
<nav className="w-full">
<Tabs value="selected">
<TabList className="border-b-0">
<Link to="/organization/projects">
<Tab value="back" className="flex gap-x-2">
<FontAwesomeIcon icon={faGlobe} />
<FontAwesomeIcon icon={faArrowLeft} />
</Tab>
</Link>
<Link
to="/projects/secret-management/$projectId/overview"
params={{
frontend/src/layouts/SecretScanningLayout/SecretScanningLayout.tsx
-8
View File
@@ -1,5 +1,3 @@
import { faArrowLeft, faGlobe } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, Outlet, useLocation } from "@tanstack/react-router";
import { motion } from "framer-motion";
@@ -50,12 +48,6 @@ export const SecretScanningLayout = () => {
<nav className="w-full">
<Tabs value="selected">
<TabList className="border-b-0">
<Link to="/organization/projects">
<Tab value="back" className="flex gap-x-2">
<FontAwesomeIcon icon={faGlobe} />
<FontAwesomeIcon icon={faArrowLeft} />
</Tab>
</Link>
<Link
to="/projects/secret-scanning/$projectId/data-sources"
params={{
frontend/src/layouts/SshLayout/SshLayout.tsx
-8
View File
@@ -1,5 +1,3 @@
import { faArrowLeft, faGlobe } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, Outlet, useLocation } from "@tanstack/react-router";
import { motion } from "framer-motion";
@@ -33,12 +31,6 @@ export const SshLayout = () => {
<nav className="w-full">
<Tabs value="selected">
<TabList className="border-b-0">
<Link to="/organization/projects">
<Tab value="back" className="flex gap-x-2">
<FontAwesomeIcon icon={faGlobe} />
<FontAwesomeIcon icon={faArrowLeft} />
</Tab>
</Link>
<Link
to="/projects/ssh/$projectId/overview"
params={{