@appcorp/shadcn 1.1.6 → 1.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -26,7 +26,7 @@ var AppSidebar = function (_a) {
|
|
|
26
26
|
var props = __rest(_a, []);
|
|
27
27
|
return (react_1.default.createElement(sidebar_1.Sidebar, { collapsible: "icon" },
|
|
28
28
|
react_1.default.createElement(sidebar_1.SidebarHeader, null,
|
|
29
|
-
react_1.default.createElement(team_switcher_1.TeamSwitcher, {
|
|
29
|
+
react_1.default.createElement(team_switcher_1.TeamSwitcher, { profiles: props.profiles })),
|
|
30
30
|
react_1.default.createElement(sidebar_1.SidebarContent, null,
|
|
31
31
|
react_1.default.createElement(nav_main_1.NavMain, { items: props.navItems }),
|
|
32
32
|
react_1.default.createElement(nav_projects_1.NavProjects, { apps: props.apps })),
|
package/components/dashboard.js
CHANGED
|
@@ -42,9 +42,9 @@ var sidebar_1 = require("./sidebar");
|
|
|
42
42
|
var theme_switcher_1 = require("./ui/theme-switcher");
|
|
43
43
|
var language_selector_1 = require("./ui/language-selector");
|
|
44
44
|
var Dashboard = function (_a) {
|
|
45
|
-
var apps = _a.apps, avatar = _a.avatar, breadcrumbs = _a.breadcrumbs, children = _a.children, email = _a.email,
|
|
45
|
+
var apps = _a.apps, avatar = _a.avatar, breadcrumbs = _a.breadcrumbs, children = _a.children, email = _a.email, profiles = _a.profiles, navItems = _a.navItems, username = _a.username, locale = _a.locale, onLocaleChange = _a.onLocaleChange, showLanguageSelector = _a.showLanguageSelector;
|
|
46
46
|
return (react_1.default.createElement(sidebar_1.SidebarProvider, null,
|
|
47
|
-
react_1.default.createElement(app_sidebar_1.AppSidebar, { username: username, email: email,
|
|
47
|
+
react_1.default.createElement(app_sidebar_1.AppSidebar, { username: username, email: email, profiles: profiles, avatar: avatar, navItems: navItems, apps: apps }),
|
|
48
48
|
react_1.default.createElement(sidebar_1.SidebarInset, null,
|
|
49
49
|
react_1.default.createElement("header", { className: "flex h-16 shrink-0 items-center justify-between gap-2 border transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12" },
|
|
50
50
|
react_1.default.createElement("div", { className: "flex items-center gap-2 px-4" },
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { DashboardProfileItem } from "../data/admin-dashboard";
|
|
3
3
|
interface TeamSwitcherProps {
|
|
4
|
-
|
|
4
|
+
profiles: DashboardProfileItem[];
|
|
5
5
|
}
|
|
6
6
|
export declare const TeamSwitcher: FC<TeamSwitcherProps>;
|
|
7
7
|
export {};
|
|
@@ -11,9 +11,9 @@ var dropdown_menu_1 = require("./ui/dropdown-menu");
|
|
|
11
11
|
var sidebar_1 = require("./sidebar");
|
|
12
12
|
var avatar_1 = require("./ui/avatar");
|
|
13
13
|
var TeamSwitcher = function (_a) {
|
|
14
|
-
var
|
|
14
|
+
var profiles = _a.profiles;
|
|
15
15
|
var isMobile = (0, sidebar_1.useSidebar)().isMobile;
|
|
16
|
-
var _b = react_1.default.useState(
|
|
16
|
+
var _b = react_1.default.useState(profiles[0]), activeMember = _b[0], setActiveMember = _b[1];
|
|
17
17
|
if (!activeMember) {
|
|
18
18
|
return null;
|
|
19
19
|
}
|
|
@@ -31,17 +31,17 @@ var TeamSwitcher = function (_a) {
|
|
|
31
31
|
react_1.default.createElement("span", { className: "truncate text-xs" }, activeMember.age)),
|
|
32
32
|
react_1.default.createElement(lucide_react_1.ChevronsUpDown, { className: "ml-auto" }))),
|
|
33
33
|
react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg", align: "start", side: isMobile ? "bottom" : "right", sideOffset: 4 },
|
|
34
|
-
react_1.default.createElement(dropdown_menu_1.DropdownMenuLabel, { className: "text-muted-foreground text-xs" }, "
|
|
35
|
-
|
|
34
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuLabel, { className: "text-muted-foreground text-xs" }, "Profiles"),
|
|
35
|
+
profiles.map(function (profile) { return (react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { key: profile.name, onClick: function () { return setActiveMember(profile); }, className: "gap-2 p-2" },
|
|
36
36
|
react_1.default.createElement("div", { className: "flex size-6 items-center justify-center rounded-md border" },
|
|
37
37
|
react_1.default.createElement(avatar_1.Avatar, { className: "size-6" },
|
|
38
|
-
react_1.default.createElement(avatar_1.AvatarImage, { src:
|
|
39
|
-
react_1.default.createElement(avatar_1.AvatarFallback, { className: "!focus:text-red-400" },
|
|
40
|
-
|
|
38
|
+
react_1.default.createElement(avatar_1.AvatarImage, { src: profile.avatar, alt: profile.name }),
|
|
39
|
+
react_1.default.createElement(avatar_1.AvatarFallback, { className: "!focus:text-red-400" }, profile.name.charAt(0)))),
|
|
40
|
+
profile.name)); }),
|
|
41
41
|
react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
|
|
42
42
|
react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { className: "gap-2 p-2" },
|
|
43
43
|
react_1.default.createElement("div", { className: "flex size-6 items-center justify-center rounded-md border bg-transparent" },
|
|
44
44
|
react_1.default.createElement(lucide_react_1.Plus, { className: "size-4" })),
|
|
45
|
-
react_1.default.createElement("div", { className: "text-muted-foreground font-medium" }, "Add
|
|
45
|
+
react_1.default.createElement("div", { className: "text-muted-foreground font-medium" }, "Add Profile")))))));
|
|
46
46
|
};
|
|
47
47
|
exports.TeamSwitcher = TeamSwitcher;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
import { Frame, PieChart } from "lucide-react";
|
|
3
|
-
export interface
|
|
3
|
+
export interface DashboardProfileItem {
|
|
4
4
|
name: string;
|
|
5
5
|
avatar: string;
|
|
6
6
|
age: string;
|
|
@@ -31,7 +31,7 @@ export interface DashboardProps {
|
|
|
31
31
|
breadcrumbs?: Array<BreadcrumbItem>;
|
|
32
32
|
children?: ReactNode;
|
|
33
33
|
email: string;
|
|
34
|
-
|
|
34
|
+
profiles: Array<DashboardProfileItem>;
|
|
35
35
|
navItems: Array<DashboardNavItem>;
|
|
36
36
|
username: string;
|
|
37
37
|
showLanguageSelector?: boolean;
|
package/data/admin-dashboard.js
CHANGED
|
@@ -16,18 +16,18 @@ exports.adminDashboardData = {
|
|
|
16
16
|
},
|
|
17
17
|
],
|
|
18
18
|
username: "Muntazim",
|
|
19
|
-
email: "admin@
|
|
20
|
-
avatar: "/
|
|
19
|
+
email: "admin@company.com",
|
|
20
|
+
avatar: "https://www.w3schools.com/w3images/avatar6.png",
|
|
21
21
|
showLanguageSelector: true,
|
|
22
|
-
|
|
22
|
+
profiles: [
|
|
23
23
|
{
|
|
24
24
|
name: "Subhan",
|
|
25
|
-
avatar: "",
|
|
25
|
+
avatar: "https://www.w3schools.com/w3images/avatar6.png",
|
|
26
26
|
age: "3 Yrs",
|
|
27
27
|
},
|
|
28
28
|
{
|
|
29
29
|
name: "Mustajab",
|
|
30
|
-
avatar: "",
|
|
30
|
+
avatar: "https://www.w3schools.com/w3images/avatar6.png",
|
|
31
31
|
age: "4 Yrs",
|
|
32
32
|
},
|
|
33
33
|
],
|