mirror of
https://github.com/formbricks/formbricks.git
synced 2026-04-21 11:30:27 -05:00
Johannes
76 lines
2.3 KiB
TypeScript
76 lines
2.3 KiB
TypeScript
"use client";
|
|
|
|
import { SecondaryNavigation } from "@/modules/ui/components/secondary-navigation";
|
|
import { useTranslate } from "@tolgee/react";
|
|
import { BrushIcon, KeyIcon, LanguagesIcon, ListChecksIcon, TagIcon, UsersIcon } from "lucide-react";
|
|
import { usePathname } from "next/navigation";
|
|
|
|
interface ProjectConfigNavigationProps {
|
|
activeId: string;
|
|
environmentId?: string;
|
|
loading?: boolean;
|
|
}
|
|
|
|
export const ProjectConfigNavigation = ({
|
|
activeId,
|
|
environmentId,
|
|
loading,
|
|
}: ProjectConfigNavigationProps) => {
|
|
const { t } = useTranslate();
|
|
const pathname = usePathname();
|
|
|
|
let navigation = [
|
|
{
|
|
id: "general",
|
|
label: t("common.general"),
|
|
icon: <UsersIcon className="h-5 w-5" />,
|
|
href: `/environments/${environmentId}/project/general`,
|
|
current: pathname?.includes("/general"),
|
|
},
|
|
{
|
|
id: "look",
|
|
label: t("common.look_and_feel"),
|
|
icon: <BrushIcon className="h-5 w-5" />,
|
|
href: `/environments/${environmentId}/project/look`,
|
|
current: pathname?.includes("/look"),
|
|
},
|
|
{
|
|
id: "languages",
|
|
label: t("common.survey_languages"),
|
|
icon: <LanguagesIcon className="h-5 w-5" />,
|
|
href: `/environments/${environmentId}/project/languages`,
|
|
current: pathname?.includes("/languages"),
|
|
},
|
|
{
|
|
id: "tags",
|
|
label: t("common.tags"),
|
|
icon: <TagIcon className="h-5 w-5" />,
|
|
href: `/environments/${environmentId}/project/tags`,
|
|
current: pathname?.includes("/tags"),
|
|
},
|
|
{
|
|
id: "api-keys",
|
|
label: t("common.api_keys"),
|
|
icon: <KeyIcon className="h-5 w-5" />,
|
|
href: `/environments/${environmentId}/project/api-keys`,
|
|
current: pathname?.includes("/api-keys"),
|
|
},
|
|
{
|
|
id: "app-connection",
|
|
label: t("common.website_and_app_connection"),
|
|
icon: <ListChecksIcon className="h-5 w-5" />,
|
|
href: `/environments/${environmentId}/project/app-connection`,
|
|
current: pathname?.includes("/app-connection"),
|
|
},
|
|
{
|
|
id: "teams",
|
|
label: t("common.team_access"),
|
|
icon: <UsersIcon className="h-5 w-5" />,
|
|
href: `/environments/${environmentId}/project/teams`,
|
|
current: pathname?.includes("/teams"),
|
|
},
|
|
];
|
|
|
|
return <SecondaryNavigation navigation={navigation} activeId={activeId} loading={loading} />;
|
|
};
|