diff --git a/cannamanage-frontend/src/app/(dashboard-layout)/settings/staff/page.tsx b/cannamanage-frontend/src/app/(dashboard-layout)/settings/staff/page.tsx
index dc7edc3..4fa096a 100644
--- a/cannamanage-frontend/src/app/(dashboard-layout)/settings/staff/page.tsx
+++ b/cannamanage-frontend/src/app/(dashboard-layout)/settings/staff/page.tsx
@@ -1,6 +1,6 @@
"use client"
-import { useState } from "react"
+import { useEffect, useState } from "react"
import {
useInviteStaffMutation,
useRevokeStaffMutation,
@@ -157,22 +157,24 @@ function PermissionCheckboxes({
}
return (
-
- {ALL_PERMISSIONS.map((perm) => (
-
- toggle(perm)}
- />
-
-
- ))}
+
+ {[...ALL_PERMISSIONS]
+ .sort((a, b) => permLabels[a].localeCompare(permLabels[b]))
+ .map((perm) => (
+
+ toggle(perm)}
+ />
+
+
+ ))}
)
}
@@ -311,11 +313,14 @@ function EditPermissionsDialog({
staffMember?.id ?? ""
)
- // Sync permissions when staff member changes
- const handleOpen = (isOpen: boolean) => {
- if (isOpen && staffMember) {
+ // Sync permissions whenever the dialog opens or staff member changes
+ useEffect(() => {
+ if (open && staffMember) {
setPermissions([...staffMember.permissions])
}
+ }, [open, staffMember])
+
+ const handleOpen = (isOpen: boolean) => {
onOpenChange(isOpen)
}
diff --git a/cannamanage-frontend/src/components/layout/footer.tsx b/cannamanage-frontend/src/components/layout/footer.tsx
index 3ea0cca..4914b4a 100644
--- a/cannamanage-frontend/src/components/layout/footer.tsx
+++ b/cannamanage-frontend/src/components/layout/footer.tsx
@@ -1,36 +1,11 @@
-import { cn } from "@/lib/utils"
-
-import { buttonVariants } from "@/components/ui/button"
-
export function Footer() {
const currentYear = new Date().getFullYear()
return (