website refactor

apps/website/components/teams/JoinTeamButton.tsx

@@ -1,9 +1,9 @@
 'use client';
 
-import Button from '@/ui/Button';
-import { useEffectiveDriverId } from "@/lib/hooks/useEffectiveDriverId";
-import { useTeamMembership, useJoinTeam, useLeaveTeam } from "@/lib/hooks/team";
-import { useState } from 'react';
+import React from 'react';
+import { Button } from '@/ui/Button';
+import { useEffectiveDriverId } from "@/hooks/useEffectiveDriverId";
+import { useTeamMembership, useJoinTeam, useLeaveTeam } from "@/hooks/team";
 
 interface JoinTeamButtonProps {
   teamId: string;
@@ -11,13 +11,12 @@ interface JoinTeamButtonProps {
   onUpdate?: () => void;
 }
 
-export default function JoinTeamButton({
+export function JoinTeamButton({
   teamId,
   requiresApproval = false,
   onUpdate,
 }: JoinTeamButtonProps) {
   const currentDriverId = useEffectiveDriverId();
-  const [showConfirmation, setShowConfirmation] = useState(false);
 
   // Use hooks for data fetching
   const { data: membership, isLoading: loadingMembership } = useTeamMembership(teamId, currentDriverId || '');
@@ -32,7 +31,6 @@ export default function JoinTeamButton({
   const leaveTeamMutation = useLeaveTeam({
     onSuccess: () => {
       onUpdate?.();
-      setShowConfirmation(false);
     },
   });
 
@@ -106,4 +104,4 @@ export default function JoinTeamButton({
         : 'Join Team'}
     </Button>
   );
-}
+}