first commit

resources/client/use-auth-click-capture.ts

@@ -0,0 +1,26 @@
+import {MouseEvent, useCallback} from 'react';
+import {useAuth} from '@common/auth/use-auth';
+import {useNavigate} from '@common/utils/hooks/use-navigate';
+import {useDialogContext} from '@common/ui/overlays/dialog/dialog-context';
+
+export function useAuthClickCapture() {
+  const dialogContext = useDialogContext();
+  const {isLoggedIn} = useAuth();
+  const navigate = useNavigate();
+
+  return useCallback(
+    (e: MouseEvent) => {
+      if (!isLoggedIn) {
+        e.preventDefault();
+        e.stopPropagation();
+
+        if (dialogContext) {
+          dialogContext.close();
+        }
+
+        navigate('/login');
+      }
+    },
+    [navigate, isLoggedIn, dialogContext]
+  );
+}