Close project menu after navigating
This commit is contained in:
@@ -130,7 +130,12 @@ export default function ProjectMenu() {
|
|||||||
<Divider />
|
<Divider />
|
||||||
<VStack spacing={0}>
|
<VStack spacing={0}>
|
||||||
{orgs?.map((org) => (
|
{orgs?.map((org) => (
|
||||||
<ProjectOption key={org.id} org={org} isActive={org.id === selectedOrgId} />
|
<ProjectOption
|
||||||
|
key={org.id}
|
||||||
|
org={org}
|
||||||
|
isActive={org.id === selectedOrgId}
|
||||||
|
onClose={popover.onClose}
|
||||||
|
/>
|
||||||
))}
|
))}
|
||||||
</VStack>
|
</VStack>
|
||||||
<HStack
|
<HStack
|
||||||
@@ -152,14 +157,25 @@ export default function ProjectMenu() {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
const ProjectOption = ({ org, isActive }: { org: Organization; isActive: boolean }) => {
|
const ProjectOption = ({
|
||||||
|
org,
|
||||||
|
isActive,
|
||||||
|
onClose,
|
||||||
|
}: {
|
||||||
|
org: Organization;
|
||||||
|
isActive: boolean;
|
||||||
|
onClose: () => void;
|
||||||
|
}) => {
|
||||||
const setSelectedOrgId = useAppStore((s) => s.setSelectedOrgId);
|
const setSelectedOrgId = useAppStore((s) => s.setSelectedOrgId);
|
||||||
const [gearHovered, setGearHovered] = useState(false);
|
const [gearHovered, setGearHovered] = useState(false);
|
||||||
return (
|
return (
|
||||||
<HStack
|
<HStack
|
||||||
as={Link}
|
as={Link}
|
||||||
href="/home"
|
href="/home"
|
||||||
onClick={() => setSelectedOrgId(org.id)}
|
onClick={() => {
|
||||||
|
setSelectedOrgId(org.id);
|
||||||
|
onClose();
|
||||||
|
}}
|
||||||
w="full"
|
w="full"
|
||||||
justifyContent="space-between"
|
justifyContent="space-between"
|
||||||
bgColor={isActive ? "gray.100" : "transparent"}
|
bgColor={isActive ? "gray.100" : "transparent"}
|
||||||
|
|||||||
Reference in New Issue
Block a user