chore: remove OAuth login handlers, comment out OAuth button sections, update sidebar icon

Author: IonesioJunior

frontend/src/components/auth/login-modal.tsx

@@ -33,7 +33,7 @@ export function LoginModal({
   onClose,
   onSwitchToRegister
 }: Readonly<LoginModalProperties>) {
-  const { login, loginWithGoogle, loginWithGitHub, isLoading, error, clearError } = useAuth();
+  const { login, isLoading, error, clearError } = useAuth();
 
   const { values, errors, handleChange, handleSubmit, resetForm } = useForm<LoginFormValues>({
     initialValues: LOGIN_INITIAL_VALUES,
@@ -72,23 +72,24 @@ export function LoginModal({
       }
     };
 
-  const handleGoogleLogin = async () => {
-    try {
-      await loginWithGoogle();
-      onClose();
-    } catch {
-      // Error handled by context
-    }
-  };
-
-  const handleGitHubLogin = async () => {
-    try {
-      await loginWithGitHub();
-      onClose();
-    } catch {
-      // Error handled by context
-    }
-  };
+  // OAuth handlers commented out - not supported in v1
+  // const handleGoogleLogin = async () => {
+  //   try {
+  //     await loginWithGoogle();
+  //     onClose();
+  //   } catch {
+  //     // Error handled by context
+  //   }
+  // };
+
+  // const handleGitHubLogin = async () => {
+  //   try {
+  //     await loginWithGitHub();
+  //     onClose();
+  //   } catch {
+  //     // Error handled by context
+  //   }
+  // };
 
   return (
     <Modal
@@ -104,7 +105,7 @@ export function LoginModal({
         {/* Global Error */}
         {error && <AuthErrorAlert error={error} onDismiss={clearError} />}
 
-        {/* OAuth Buttons */}
+        {/* OAuth Buttons - Hidden for v1, uncomment when OAuth is implemented
         <div className='space-y-2'>
           <Button
             type='button'
@@ -150,7 +151,6 @@ export function LoginModal({
           </Button>
         </div>
 
-        {/* Divider */}
         <div className='relative'>
           <div className='absolute inset-0 flex items-center'>
             <span className='border-syft-border w-full border-t' />
@@ -159,6 +159,7 @@ export function LoginModal({
             <span className='font-inter text-syft-muted bg-white px-2'>Or continue with</span>
           </div>
         </div>
+        End of OAuth section */}
 
         {/* Email/Password Form */}
         <form onSubmit={handleSubmit} className='space-y-4'>

frontend/src/components/auth/register-modal.tsx

@@ -54,7 +54,7 @@ export function RegisterModal({
   onClose,
   onSwitchToLogin
 }: Readonly<RegisterModalProperties>) {
-  const { register, loginWithGoogle, loginWithGitHub, isLoading, error, clearError } = useAuth();
+  const { register, isLoading, error, clearError } = useAuth();
   const [requiresAccountingPassword, setRequiresAccountingPassword] = useState(false);
 
   const { values, errors, handleChange, handleSubmit, resetForm, setFieldError } =
@@ -116,23 +116,24 @@ export function RegisterModal({
       }
     };
 
-  const handleGoogleRegister = async () => {
-    try {
-      await loginWithGoogle();
-      onClose();
-    } catch {
-      // Error handled by context
-    }
-  };
-
-  const handleGitHubRegister = async () => {
-    try {
-      await loginWithGitHub();
-      onClose();
-    } catch {
-      // Error handled by context
-    }
-  };
+  // OAuth handlers commented out - not supported in v1
+  // const handleGoogleRegister = async () => {
+  //   try {
+  //     await loginWithGoogle();
+  //     onClose();
+  //   } catch {
+  //     // Error handled by context
+  //   }
+  // };
+
+  // const handleGitHubRegister = async () => {
+  //   try {
+  //     await loginWithGitHub();
+  //     onClose();
+  //   } catch {
+  //     // Error handled by context
+  //   }
+  // };
 
   const passwordStrength = getPasswordStrengthInfo(values.password);
 
@@ -157,7 +158,7 @@ export function RegisterModal({
         {/* Global Error */}
         {error && <AuthErrorAlert error={error} onDismiss={clearError} />}
 
-        {/* OAuth Buttons */}
+        {/* OAuth Buttons - Hidden for v1, uncomment when OAuth is implemented
         <div className='space-y-2'>
           <Button
             type='button'
@@ -203,7 +204,6 @@ export function RegisterModal({
           </Button>
         </div>
 
-        {/* Divider */}
         <div className='relative'>
           <div className='absolute inset-0 flex items-center'>
             <span className='border-syft-border w-full border-t' />
@@ -212,6 +212,7 @@ export function RegisterModal({
             <span className='font-inter text-syft-muted bg-white px-2'>Or create account with</span>
           </div>
         </div>
+        End of OAuth section */}
 
         {/* Registration Form */}
         <form onSubmit={handleSubmit} className='space-y-4'>

frontend/src/components/sidebar.tsx

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import { Database, FileText, Globe, MessageSquare, Sparkles } from 'lucide-react';
+import { FileText, Globe, MessageSquare, Sparkles, UserPlus } from 'lucide-react';
 import { NavLink } from 'react-router-dom';
 
 import { useAuth } from '@/context/auth-context';
@@ -19,7 +19,7 @@ const navItems: NavItem[] = [
   { id: 'home', path: '/', label: 'Chat', icon: MessageSquare, protected: false },
   { id: 'browse', path: '/browse', label: 'Browse', icon: Globe, protected: false },
   { id: 'build', path: '/build', label: 'Build', icon: FileText, protected: false },
-  { id: 'endpoints', path: '/endpoints', label: 'Endpoints', icon: Database, protected: true }
+  { id: 'endpoints', path: '/endpoints', label: 'Participate', icon: UserPlus, protected: true }
 ];
 
 /**