website refactor

apps/website/hooks/team/useJoinTeam.ts

@@ -0,0 +1,28 @@
+import { useMutation, UseMutationOptions } from '@tanstack/react-query';
+import { useInject } from '@/lib/di/hooks/useInject';
+import { TEAM_SERVICE_TOKEN } from '@/lib/di/tokens';
+import { ApiError } from '@/lib/api/base/ApiError';
+
+interface JoinTeamParams {
+  teamId: string;
+  driverId: string;
+  requiresApproval?: boolean;
+}
+
+export function useJoinTeam(options?: Omit<UseMutationOptions<void, ApiError, JoinTeamParams>, 'mutationFn'>) {
+  const teamService = useInject(TEAM_SERVICE_TOKEN);
+
+  return useMutation<void, ApiError, JoinTeamParams>({
+    mutationFn: async (params) => {
+      // Note: Team join functionality would need to be added to teamService
+      // For now, we'll use a placeholder
+      console.log('Joining team:', params);
+      if (params.requiresApproval) {
+        alert('Join request sent! Wait for team approval.');
+      } else {
+        alert('Successfully joined team!');
+      }
+    },
+    ...options,
+  });
+}