{control.name}
diff --git a/apps/app/src/app/[locale]/(app)/(dashboard)/[orgId]/controls/layout.tsx b/apps/app/src/app/[locale]/(app)/(dashboard)/[orgId]/controls/layout.tsx
index be790f321c..0ee182d077 100644
--- a/apps/app/src/app/[locale]/(app)/(dashboard)/[orgId]/controls/layout.tsx
+++ b/apps/app/src/app/[locale]/(app)/(dashboard)/[orgId]/controls/layout.tsx
@@ -21,15 +21,6 @@ export default async function Layout({
return (
-
-
{children}
);
diff --git a/apps/app/src/app/[locale]/(app)/(dashboard)/[orgId]/controls/page.tsx b/apps/app/src/app/[locale]/(app)/(dashboard)/[orgId]/controls/page.tsx
index cec055522e..0ca96de7cb 100644
--- a/apps/app/src/app/[locale]/(app)/(dashboard)/[orgId]/controls/page.tsx
+++ b/apps/app/src/app/[locale]/(app)/(dashboard)/[orgId]/controls/page.tsx
@@ -4,6 +4,7 @@ import { headers } from "next/headers";
import { redirect } from "next/navigation";
import { ControlsOverview } from "./components/ControlsOverview";
import { getAllOrganizationControls } from "./data/getAllOrganizationControls";
+import PageWithBreadcrumb from "@/components/pages/PageWithBreadcrumb";
export async function generateMetadata() {
const t = await getI18n();
@@ -29,6 +30,8 @@ export default async function ControlsPage() {
});
return (
-
+
+
+
);
}
diff --git a/apps/portal/src/app/components/main-menu.tsx b/apps/portal/src/app/components/main-menu.tsx
index 83933d1bad..16c78fce13 100644
--- a/apps/portal/src/app/components/main-menu.tsx
+++ b/apps/portal/src/app/components/main-menu.tsx
@@ -5,10 +5,10 @@ import { Button } from "@bubba/ui/button";
import { cn } from "@bubba/ui/cn";
import { Icons } from "@bubba/ui/icons";
import {
- Tooltip,
- TooltipContent,
- TooltipProvider,
- TooltipTrigger,
+ Tooltip,
+ TooltipContent,
+ TooltipProvider,
+ TooltipTrigger,
} from "@bubba/ui/tooltip";
import { useClickAway } from "@uidotdev/usehooks";
import { Reorder, motion, useMotionValue } from "framer-motion";
@@ -19,146 +19,146 @@ import { useState } from "react";
import { useLongPress } from "use-long-press";
const icons = {
- "/": () =>
,
+ "/": () =>
,
};
interface ItemProps {
- item: { path: string; name: string; disabled: boolean };
- isActive: boolean;
- onSelect?: () => void;
- disabled: boolean;
+ item: { path: string; name: string; disabled: boolean };
+ isActive: boolean;
+ onSelect?: () => void;
+ disabled: boolean;
}
const Item = ({ item, isActive, onSelect, disabled }: ItemProps) => {
- const Icon = icons[item.path as keyof typeof icons];
- const linkDisabled = disabled || item.disabled;
+ const Icon = icons[item.path as keyof typeof icons];
+ const linkDisabled = disabled || item.disabled;
- return (
-
- {linkDisabled ? (
-
- Coming
-
- ) : (
- onSelect?.()}>
-
-
-
-
-
-
- {item.name}
-
-
-
-
-
- {item.name}
-
-
-
- )}
-
- );
+ return (
+
+ {linkDisabled ? (
+
+ Coming
+
+ ) : (
+ onSelect?.()}>
+
+
+
+
+
+
+ {item.name}
+
+
+
+
+
+ {item.name}
+
+
+
+ )}
+
+ );
};
const listVariant = {
- hidden: { opacity: 0 },
- show: {
- opacity: 1,
- transition: {
- staggerChildren: 0.04,
- },
- },
+ hidden: { opacity: 0 },
+ show: {
+ opacity: 1,
+ transition: {
+ staggerChildren: 0.04,
+ },
+ },
};
const itemVariant = {
- hidden: { opacity: 0 },
- show: { opacity: 1 },
+ hidden: { opacity: 0 },
+ show: { opacity: 1 },
};
type Props = {
- initialItems?: { path: string; name: string; disabled: boolean }[];
- onSelect?: () => void;
+ initialItems?: { path: string; name: string; disabled: boolean }[];
+ onSelect?: () => void;
};
export function MainMenu({ initialItems, onSelect }: Props) {
- const t = useI18n();
+ const t = useI18n();
- const defaultItems = [
- {
- path: "/",
- name: "Dashboard",
- disabled: false,
- },
- ];
+ const defaultItems = [
+ {
+ path: "/",
+ name: "Frameworks",
+ disabled: false,
+ },
+ ];
- const [items, setItems] = useState(initialItems ?? defaultItems);
- const pathname = usePathname();
- const part = pathname?.split("/")[1];
+ const [items, setItems] = useState(initialItems ?? defaultItems);
+ const pathname = usePathname();
+ const part = pathname?.split("/")[1];
- const hiddenItems = defaultItems.filter(
- (item) => !items.some((i) => i.path === item.path),
- );
+ const hiddenItems = defaultItems.filter(
+ (item) => !items.some((i) => i.path === item.path),
+ );
- const onReorder = (
- items: {
- path: string;
- name: string;
- disabled: boolean;
- }[],
- ) => {
- setItems(items);
- };
+ const onReorder = (
+ items: {
+ path: string;
+ name: string;
+ disabled: boolean;
+ }[],
+ ) => {
+ setItems(items);
+ };
- return (
-
-
+
+ );
}