7fd89678b7
# Introduction Avoid having multiple `isDefined` definition across our pacakges Also avoid importing `isDefined` from `twenty-ui` which exposes a huge barrel for a such little util function ## In a nutshell Removed own `isDefined.ts` definition from `twenty-ui` `twenty-front` and `twenty-server` to move it to `twenty-shared`. Updated imports for each packages, and added explicit dependencies to `twenty-shared` if not already in place Related PR https://github.com/twentyhq/twenty/pull/9941
42 lines
984 B
TypeScript
42 lines
984 B
TypeScript
import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
|
|
import { isNonEmptyString } from '@sniptt/guards';
|
|
import { useCallback } from 'react';
|
|
import { useNavigate } from 'react-router-dom';
|
|
import { isDefined } from 'twenty-shared';
|
|
|
|
export const useCommandMenuOnItemClick = () => {
|
|
const { toggleCommandMenu } = useCommandMenu();
|
|
const navigate = useNavigate();
|
|
|
|
const onItemClick = useCallback(
|
|
({
|
|
shouldCloseCommandMenuOnClick,
|
|
onClick,
|
|
to,
|
|
}: {
|
|
shouldCloseCommandMenuOnClick?: boolean;
|
|
onClick?: () => void;
|
|
to?: string;
|
|
}) => {
|
|
if (
|
|
isDefined(shouldCloseCommandMenuOnClick) &&
|
|
shouldCloseCommandMenuOnClick
|
|
) {
|
|
toggleCommandMenu();
|
|
}
|
|
|
|
if (isDefined(onClick)) {
|
|
onClick();
|
|
return;
|
|
}
|
|
if (isNonEmptyString(to)) {
|
|
navigate(to);
|
|
return;
|
|
}
|
|
},
|
|
[navigate, toggleCommandMenu],
|
|
);
|
|
|
|
return { onItemClick };
|
|
};
|